关于AngularJS中的ng-model小结

来源：互联网发布：华为平板有windows系统编辑：程序博客网时间：2024/06/06 03:45

表单验证<script>   angular.module('inputExample', [])     .controller('ExampleController', ['$scope', function($scope) {       $scope.user = {name: 'guest', last: 'visitor'};     }]);</script><div ng-controller="ExampleController">  <form name="myForm">    <label>       User name:       <input type="text" name="userName" ng-model="user.name" required>    </label>    <div role="alert">      <span class="error" ng-show="myForm.userName.$error.required">       Required!</span>    </div>    <label>       Last name:       <input type="text" name="lastName" ng-model="user.last"       ng-minlength="3" ng-maxlength="10">    </label>    <div role="alert">      <span class="error" ng-show="myForm.lastName.$error.minlength">        Too short!</span>      <span class="error" ng-show="myForm.lastName.$error.maxlength">        Too long!</span>    </div>  </form></div>

。
ng-model指令：

众所周知，ng-model指令绑定HTML元素到应用程序数据。

ng-model指令也可以：

1、为应用程序数据提供状态（number、email、required）。

2、为应用程序数据提供状态（invalid、dirty、touched、error）。

3、为HTML元素提供css类。

4、绑定HTML元素到HTML表单

0 0