标签：压缩 $scope 应对 依赖 有一个 注意 ons span 一个
<div ng-app="myApp" ng-controller="demoController"> <h1>使用NG实现双边数据绑定</h1> <p>{{message}}</p> 姓名：<input type="text" placeholder="请输入姓名" ng-model="user.name"><br> 密码：<input type="password" placeholder="请输入6位数密码" ng-model="user.password"><br> <p>hello,{{user.name}},你的密码是：{{user.password}}</p> <input type="button" ng-click="show()" value="console显示对象"> </div>
<script src="bower_components/angular/angular.js"></script>
<script>
var app = angular.module(‘myApp‘,[]);
app.controller(‘demoController‘,function ($scope) {
$scope.user={
name:‘xiao‘,
password:‘123456‘
};
$scope.show = function () {
console.log($scope.user);
}
$scope.message = "请按要求输入!";
$scope.$watch(‘user.password‘,function (now,old) {
// 当user.username发生变化时触发这个函数
if (now){
if (now.length <6){
$scope.message = ‘请输入6位数密码‘;
}else {
$scope.message = ‘‘;
}
}else {
$scope.message = ‘请按要求输入‘;
}
});
})
</script>var app= angular.module(‘myApp‘,[]);
app.controller(‘demoController‘,function ($scope) { }
注册控制器的标准写法：
module.controller(‘HelloController‘, [‘$scope‘,‘$http‘, function(a,b) { console.log(a); }]);
官方的API中提供了一个$scope.$watch方法
$scope.$watch(‘user.username‘, function(now, old) { // 当user.username发生变化时触发这个函数 console.log(‘now is ‘ + now); console.log(‘old is ‘ + old); });
注意： angular 基本不用操作DOM，如果必要，可以使用angular提供的jqlite
angular.element(‘body‘);
标签：压缩 $scope 应对 依赖 有一个 注意 ons span 一个
原文地址：http://www.cnblogs.com/suxiaoxia/p/7221667.html
