Angular.JS學習記錄（四）

時間 2019-11-08

標籤 angular.js angular 學習記錄欄目 AngularJS 简体版

原文原文鏈接

AngularJS 模塊

截至目前爲止的全部實例都使用了全局函數。在全部的應用程序中，都應該儘可能避免使用全局變量和全局函數。全局值（變量或函數）可被其餘腳本重寫或破壞。爲了解決這個問題，AngularJS 使用了模塊。css

模塊定義了您的應用程序。全部的控制器都應該屬於一個模塊。模塊保持全局命名空間中的整潔。html

代碼以下：app

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>

原創文章，轉載請註明！函數