ng-model指令作用是绑定HTML表单元素到AngularJS应用程序数据中,即$scope变量中.
语法:
<tag ng-model="name"></tag>
其中tag可以是input,select,textarea
如:
<div ng-app="myApp" ng-controller="myCtrl"> Name: <input ng-model="name"> </div> <script> var app = angular.module("myApp",[]); app.controller('myCtrl',function($scope){ $scope.name = "tina" }) </script>
ng-model可实现数据双向绑定,上例是通过控制$scope变量中的name值,input元素只会跟着name值变化而变化;除此之外也可以让name值由input输入值来控制.如:
<div ng-app="myApp" ng-controller="myCtrl"> Name: <input ng-model="name"> <h1>You entered: {{name}}</h1> </div> <script> var app = angular.module('myApp',[]); app.controller('myCtrl',function($scope) { $scope.name = "John Doe"; }); </script>
原文地址:https://www.jb51.cc/angularjs/149354.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。