AngularJs can't access form object in controller ($scope)

Question

I am using bootstrap-ui more specifically modal windows. And I have a form in a modal, what I want is to instantiate form validation object. So basically I am doing this:

<form name="form">     <div class="form-group">         <label for="answer_rows">Answer rows:</label>         <textarea name="answer_rows" ng-model="question.answer_rows"></textarea>     </div> </form>  <pre>     {{form | json}} </pre 

I can see form object in the html file without no problem, however if I want to access the form validation object from controller. It just outputs me empty object. Here is controller example:

.controller('EditQuestionCtrl', function ($scope, $modalInstance) {     $scope.question = {};     $scope.form = {};      $scope.update = function () {         console.log($scope.form); //empty object         console.log($scope.question); // can see form input     }; }); 

What might be the reasons that I can't access $scope.form from controller ?

Answer 1

Just for those who are not using $scope, but rather this, in their controller, you'll have to add the controller alias preceding the name of the form. For example:

<div ng-controller="ClientsController as clients">   <form name="clients.something">   </form> </div> 

and then on the controller:

app.controller('ClientsController', function() {   // setting $setPristine()   this.something.$setPristine(); }; 

Hope it also contributes to the overall set of answers.