AngularJS 模块
截至目前为止的所有实例都使用了全局函数。在所有的应用程序中,都应该尽量避免使用全局变量和全局函数。全局值(变量或函数)可被其他脚本重写或破坏。为了解决这个问题,AngularJS 使用了模块。
模块定义了您的应用程序。所有的控制器都应该属于一个模块。模块保持全局命名空间中的整洁。
代码如下:
html
<!DOCTYPE html> <html> <head> <script src="http://cdn.bootcss.com/angular.js/1.3.0-beta.13/angular.js"></script> </head> <body> <div ng-app="App" ng-controller="Ctrl"> //把ng-app属性设置成模块的名字 {{ firstName + " | " + lastName }} </div> <script> var app = angular.module("App", []); //创建App模块 //后面的[]中写需要依赖的模块 app.controller("Ctrl", function($scope) { //把控制器传给App模块的controller函数 $scope.firstName = "Test"; $scope.lastName = "File"; }); </script> </body> </html>
原创文章,转载请注明!