数据的绑定 --- 双向绑定
2017-06-07 本文已影响0人
嗯嗯_7a53
-
数据双向绑定 ： 视图的数据可以绑定到模型当中，模型的数据可以绑定到视图当中
-
想要实现视图的数据绑定到模型当中，必须要借助表单才行，在表单中使用ng-model指令，在input标签当中绑定属性
<body ng-app='app' ng-controller='xmgConreoller'>
<h1>{{name}}</h1>
<input type='text' ng-model=''userName>
<input type='password' ng-model='pwd'>
<button ng-click='login()'>登陆</button>
</body>
<script>
var app = angular.module('app',[]);
app.controller('xmgController',['$scope',function($scope){
$scope.name = 'hu';
// 事件的实现
$scope.login = function(){
// 点击时可以直接打印视图绑定到模型当中的数据
alert($scope.userName+$scope.pwd);
};
}]);
</script>
