AngularJS: create element dynamically

Question

How do I go about create an element in my controller? e.g. on a click event?

example controller:

function AddCtrl($scope){

    $scope.add = function(){
         // do stuff to create a new element?
    }


}

example view:

<div ng-controller="AddCtrl">

    <button ng-click="add()">Add</button>
    // create <input type="text" ng-model="form.anotherField">

</div>

Any suggestions much appreciated.

Answer 1

AngularJS is intended to follow MVC - so the controller creating an element in the view doesn't agree with the MVC behavior. The controller should not know about the view.

It sounds as if you want to have a control appear based on some conditional logic. One approach would be to bind to the visibility of the element.