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>

原创文章,转载请注明!


Hockor
647 声望38 粉丝

hey man。I'm Hockor!


引用和评论

0 条评论