AngularJS杂记4----模型 ng-model

来源:互联网 发布:英迈零售软件 编辑:程序博客网 时间:2024/05/20 05:52

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

<div ng-app="myApp" ng-controller="myCtrl">
    名字: <input ng-model="name">
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>



它还提供了几种状态  根据其状态值可进行额外操作

验证用户输入
<form ng-app = "" name = "myForm">
yourEmail:
<input type="email" name = "address" ng-model = "text">
<span ng-show="myForm.address.$error.email">格式不合法</span>
</form>
原创粉丝点击