Angular初识
简单的hello
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> Your name: <input type="text" ng-model="yourname" placeholder="World"> <hr> <p>Hello {{yourname}}</p> </body> </html>
为了表示内部和内置的库函数,Angular使用$预定义对象。尽管类似于全局的jquery对象$,但他们毫无相关。在Angular中,只要遇到$符号,就可以把它看做一个Angular对象。
$scope对象在Angular中称作 数据模型对象(model object),它是一个简单的javascript对象,它的属性可以在视图中使用,也可以在控制器中交互。
<!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> <div ng-controller="MyController"> <h1>Hello {{ clock }}!</h1> </div> <script type="text/javascript"> function MyController($scope) { $scope.clock = new Date(); var updateClock = function() { $scope.clock = new Date(); }; setInterval(function() { $scope.$apply(updateClock); }, 1000); updateClock(); }; </script> </body> </html>
为了方便查看,真正使用还是要讲controller提取出来。