[AngularJS] Re: Angular : How to detect changes made to form automatically

[Sander Elias]

Hi User12345

When using a form you can refer to the form by its name inside your 
controller. here is a small example:



  <form name="demoForm">
    <div class="form-group">
      <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
      <div class="col-sm-10">
        <input type="email" class="form-control" id="inputEmail3" 
placeholder="Email" ng-model='user.email'>
      </div>
    </div>
    <div class="form-group">
      <label for="inputPassword3" class="col-sm-2 control-label">Password
</label>
      <div class="col-sm-10">
        <input type="password" class="form-control" id="inputPassword3" 
placeholder="Password" ng-model='user.pass'>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <div class="checkbox">
          <label>
            <input type="checkbox" ng-model='user.keep'> Remember me
          </label>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btn btn-default">Sign in</button>
      </div>
    </div>
  </form>


  <pre>{{user|json}}</pre>
  <pre>{{demoForm |json}}</pre>


You can see it in action in this plunk 
<http://plnkr.co/edit/PTAa8EK4qmH6bIVqhnfB?p=preview>.
Filling in the various parts of the form, you can examine the from's state 
directly in the view, this way you get a feeling of what is going on.

Regards
Sander

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.