這篇文章將為大家詳細(xì)講解有關(guān)Angular.js基礎(chǔ)學(xué)習(xí)之初始化的示例分析,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司從2013年成立,先為龍里等服務(wù)建站,龍里等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為龍里企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。一、綁定初始化,自動(dòng)加載
通過綁定來進(jìn)行angular的初始化,會(huì)把js代碼侵入到html中。
ng-app
是angular的一個(gè)指令,代表一個(gè)angular應(yīng)用(也叫模塊)。使用ng-app
或ng-app=""
來標(biāo)記一個(gè)DOM結(jié)點(diǎn),讓框架會(huì)自動(dòng)加載。也就是說,ng-app
是可以帶屬性值的。
{{ hello }}
二、手動(dòng)初始化
如果想對(duì)對(duì)初始化有更多的控制權(quán),可以采用自定義手動(dòng)引導(dǎo)方法初始化代替angular的自動(dòng)初始化。比如你需要在angular編譯模板之前做一些事情,比如改變模板某些內(nèi)容。
Angular中也提供了手動(dòng)綁定的api——bootstrap,它的使用方式如下:
angular.bootstrap(element, [modules], [config]);
其中第一個(gè)參數(shù)element:
是綁定ng-app
的dom元素;
modules:綁定的模塊名字
config:附加的配置
值得注意的是:
angular.bootstrap
只會(huì)綁定第一次加載的對(duì)象。
后面重復(fù)的綁定或者其他對(duì)象的綁定,都會(huì)在控制臺(tái)輸出錯(cuò)誤提示。
{{ hello }}
div1:{{name}}div2:{{name}}
關(guān)于“Angular.js基礎(chǔ)學(xué)習(xí)之初始化的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。