数据双向绑定 : 视图的数据可以绑定到模型当中,模型的数据可以绑定到视图当中
想要实现视图的数据绑定到模型当中,必须要借助表单才行,在表单中使用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>