Angular.JS学习记录（四）

2019年9月15日 123次阅读 来源: Hockor

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
    原文地址: https://segmentfault.com/a/1190000002548091
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞