qngulqrJS学习笔记1.doc

!DOCTYPE html html ng-app=index ? ? head ? ? ? ? meta charset=UTF-8 / ? ? ? ? title??demo/title? ? ? ? ? script type=text/javascript src=js/jquery.min.js?/script? ? ? ? ? script type=text/javascript src=js/angular.min.js?/script? ? ? /head ? ? body ? ? ? ? form ng-controller=myController action=test1.html method=post ? ? ? ? ? ?!-- 最佳实践:设置controller的名称的时候最好命名为xxxController -- ? ? ? ? ? ? input ng-model= type=text name=username placeholder=input you name??/? ? ? ? ? ? ? h1?Hello {{}} {{clock}}/h1? ? ? ? ? ? ? h1?{{clock1}}?/h1? ? ? ? ? ? ? h1??{{name+...+username}}/h1? ? ? ? ? /form ? ? ? ? div ng-controller=firstController !-- 最佳实践：不同的业务数据用不同名称的controller分离开来，避免数据冲突 -- ? ? ? ? ? ? button ng-click=add(1) class=button?add/button !-- ng-click绑定函数，函数的作用域仅限于firstController内部 -- ? ? ? ? ? ? button ng-click=subtract(1) class=button alert?Subtract/button? ? ? ? ? ? ? h4??Current count {{counter}}?/h4? ? ? ? ? ? ? h2?姓名:{{}}?/h2? ? ? ? ? ? ? h2?年龄:{{person.age}}?/h2? ? ? ? ? ? ? h2?地址:{{person.address}}?/h2? ? ? ? ? ? ? div ng-controller=secondController !-- secondController是firstController控制器的子控制器，子控制器中的变量可以从父控制器的$scope中继承过来 -- ? ? ? ? ? ? ? ? h2?我是子控制域{{}}?/h2 !-- 这里的person就是继承自firstController的$scope --? ? ? ? ? ? ? /div ? ? ? ? ? ? input ng-model=expr type=text / ? ? ? ? ? ? {{parsedValue}} ? ? ? ? /div ? ? ? ??div ng-controller=thirdController ? ? ? ??? ? input ng-model=to type=email / ? ? ? ??? ? textarea ng-model=emailBody /textarea ? ? ? ??? ? pre{{previewText}}/pre ? ? ? ??/div ? ? ? ? script type=text/javascript ? ? ? ? ? ? $(function() {}) ? ? ? ? /script ? ? ? ? script type=text/javascript src=js/app.js?/script? ? ? /body /html /** * ? ?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); ? ? ? ? ? ?