W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
模塊定義了一個(gè)應(yīng)用程序。
模塊是應(yīng)用程序中不同部分的容器。
模塊是應(yīng)用控制器的容器。
控制器通常屬于一個(gè)模塊。
你可以通過 AngularJS 的 angular.module 函數(shù)來創(chuàng)建模塊:
"myApp" 參數(shù)對(duì)應(yīng)執(zhí)行應(yīng)用的 HTML 元素。
現(xiàn)在你可以在 AngularJS 應(yīng)用中添加控制器,指令,過濾器等。
你可以使用 ng-controller 指令來添加應(yīng)用的控制器:
你可以在 AngularJS 控制器 章節(jié)學(xué)到更多關(guān)于控制器的知識(shí)。
AngularJS 提供了很多內(nèi)置的指令,你可以使用它們來為你的應(yīng)用添加功能。
完整的指令內(nèi)容可以參閱 AngularJS 參考手冊(cè)。
此外,你可以使用模塊來為你應(yīng)用添加自己的指令:
你可以在 AngularJS 指令 章節(jié)學(xué)到更多關(guān)于指令的知識(shí)。
通常 AngularJS 應(yīng)用程序?qū)⒛K和控制器包含在 JavaScript 文件中。
在以下實(shí)例中, "myApp.js" 包含了應(yīng)用模塊的定義程序, "myCtrl.js" 文件包含了控制器:
在模塊定義中 [] 參數(shù)用于定義模塊的依賴關(guān)系。 中括號(hào)[]表示該模塊沒有依賴,如果有依賴的話會(huì)在中括號(hào)寫上依賴的模塊名字。 |
JavaScript 中應(yīng)避免使用全局函數(shù)。因?yàn)樗麄兒苋菀妆黄渌_本文件覆蓋。
AngularJS 模塊讓所有函數(shù)的作用域在該模塊下,避免了該問題。
在我們的實(shí)例中,所有 AngularJS 庫都在 HTML 文檔的頭部載入。 |
對(duì)于 HTML 應(yīng)用程序,通常建議把所有的腳本都放置在 <body> 元素的最底部。
這會(huì)提高網(wǎng)頁加載速度,因?yàn)?HTML 加載不受制于腳本加載。
在我們的多個(gè) AngularJS 實(shí)例中,您將看到 AngularJS 庫是在文檔的 <head> 區(qū)域被加載。
在我們的實(shí)例中,AngularJS 在 <head> 元素中被加載,因?yàn)閷?duì) angular.module 的調(diào)用只能在庫加載完成后才能進(jìn)行。
另一個(gè)解決方案是在 <body> 元素中加載 AngularJS 庫,但是必須放置在您的 AngularJS 腳本前面:
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: