angularJS学习笔记1.doc

demo Hello clock clock1 name+.+username add Subtract Current count counter 姓名: 年龄:person.age 地址:person.address 我是子控制域 parsedValue previewText $(function() ) /* app.js*/var current=new Date().getTime();function myController($scope,$timeout)var updateClock = function(lasttime) $scope.clock = new Date().getTime(); 计时器clock每次都获取当前时间 $scope.clock1 = lasttime+1000; 计时器clock1用上一次的时间值+1000 $timeout(function() updateClock($scope.clock1); 将每次的clock1变量传入下一次updateClock中用于计时器clock1使用 ,1000); 你会发现定时1000毫秒这样计时是不准确的，所以在做时钟的时候不要使用这种计时器updateClock(new Date().getTime();angular.module(index,).run(function($rootScope)$rootS=world;$rootScope.username=我XXXX;)var app=angular.module(index,);app.controller(firstController,function($scope , $parse, $interpolate)$scope.counter=0;$scope.person = /在firstController作用域中可以设置对象 name:Zheng Hang, age:25, address:北京$scope.add=function(amount) $scope.counter += amount;$scope.subtract = function(amount) $scope.counter -= amount;$scope.$watch(expr,function(newVal,oldVal,scope) if(newVal != oldVal) /用该表达式设置parseFun var parseFun = $parse(newVal); /使用$parse这个内部服务来解析newVal /console.log(parseFun); /经过$parse服务函数处理过的表达式字符串变成了一个两个参数的函数 /console.log(scope); /获取经过解析后表达式的值 scope.parsedValue=parseFun(scope) /给这个函数第一个参数传scope就能获取变量 )app.controller(secondController,function($scope)app.controller(thirdController,function($scope,$interpolate) /邮箱地址插入到正文使用$interpolate/设置监听$scope.$watch(emailBody,function(body) console.log(body); /我们可以从控制台中看到我们输入textarea中的字符串 if(body) var template = $interpolate(body); /将我们输入到textarea中的模板字符串传给$interpolate它会返回一个设置模板参数的函数 $scope.previewText=template(to:$scope.to) /给这个函数传入参数，即可用设置的参数值替换掉模板中的变量名称 ););以下是控制台输出的parseFun的表述interpolate模板功能演示地址：/oDeFuCAW/I/edit?html,js,output效果图此时只有当textarea中的值发生变化时previewText中的值才会发生变化，修改$scope.to的值是不会发生变化的，除非我们给它也加上$watch监听$scope.$watch(to,function(newto) console.log(newto); if(newto&$sco