新聞中心
ng-app 指令用于告訴 AngularJS 應(yīng)用當(dāng)前這個元素是根元素,所有 AngularJS 應(yīng)用都必須要要一個根元素。
使用ng-app來標(biāo)記一個DOM結(jié)點(diǎn),在網(wǎng)頁加載完畢時會自動引導(dǎo)(自動初始化)應(yīng)用程序。
ng-app可以帶屬性值,可以指定加載應(yīng)用模塊的名稱,ng-app="模塊名稱"。
但是HTML文檔中只允許有一個 ng-app
指令,如果有多個 ng-app
指令,則只有第一個會被使用。
所以想要實(shí)現(xiàn)自動加載,那么就不能讓ng-app帶有屬性值,即不能指定載入應(yīng)用模塊名稱。
正確寫法
{{ 5 + 5 }}
{{ 10 + 10 }}
只加載第一個塊
{{ 5 + 5 }}
{{ 10 + 10 }}
以下為ng-app添加屬性值的寫法都是錯誤的,會報錯
{{ 5 + 5 }}
{{ 10 + 10 }}
{{ 5 + 5 }}
{{ 10 + 10 }}
帶屬性值時候需要手動加載對應(yīng)ng-app
{{ 5 + 5 }}{{ 10 + 10 }}
app1會自動加載
app2需要手動加載
angular.bootstrap() ,手動啟動 AngularJS
文檔地址 https://docs.angularjs.org/api/ng/function/angular.bootstrap
angular.bootstrap(element, [modules], [config]);
Arguments
Param | Type | Details |
---|---|---|
element | DOMElement | DOM element which is the root of angular application. |
modules (optional) | Array | an array of modules to load into the application.
Each item in the array should be the name of a predefined module or a (DI annotated)
function that will be invoked by the injector as a |
config (optional) | Object | an object for defining configuration options for the application. The following keys are supported:
|
element應(yīng)該對應(yīng)根ng-app的id,
modules
模塊名數(shù)組
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)頁名稱:AngularJSng-app的自動加載與屬性值-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://www.dlmjj.cn/article/dspijc.html