angularjs是由谷歌公司開(kāi)發(fā)并維護(hù)的一款開(kāi)源的javascript框架,其特點(diǎn)用于構(gòu)建單頁(yè)面應(yīng)用(SPA),彌補(bǔ)html在編寫網(wǎng)絡(luò)頁(yè)面方面的不足
最近公司在做一個(gè)彩票業(yè)務(wù),項(xiàng)目中前端需要用到這個(gè)框架,所以也當(dāng)是邊用邊學(xué)習(xí)吧。廢話不多說(shuō),進(jìn)入正題。學(xué)習(xí)一款框架首先應(yīng)當(dāng)是去看它的官方文檔angularjs官方文檔,由于服務(wù)器在國(guó)外,對(duì)于網(wǎng)速差的小伙伴來(lái)說(shuō)可能半天卡不出來(lái),所以今天就帶大家簡(jiǎn)單入門個(gè)hello world.
首先在html頁(yè)面中需要引入js框架
有兩種不同的選擇:舊版和最新版。舊版是版本低于1.2.x版本,最新是1.3.x版本。我們也可以使用縮小,非壓縮或壓縮版本。CDN access: 也可以使用一個(gè)CDN。CDN全世界可訪問(wèn),它放在谷歌主機(jī)區(qū)域性數(shù)據(jù)中心。 ?這也提供了一個(gè)優(yōu)點(diǎn),即如果訪問(wèn)者的網(wǎng)頁(yè)已經(jīng)從相同的CDN 下載了AngularJS的副本,它不必再重新下載。
現(xiàn)在讓我們使用AngularJS庫(kù)編寫一個(gè)簡(jiǎn)單的例子。讓我們創(chuàng)建一個(gè)HTML文件 index.html 如下:
插值表達(dá)式中{{}}的value就是ng中數(shù)據(jù)模型綁定好的值,這也是實(shí)現(xiàn)雙向數(shù)據(jù)綁定的第一步。
angular的出現(xiàn),我個(gè)人認(rèn)為就像把html這門標(biāo)簽語(yǔ)言編程了真正意義上的編程語(yǔ)言一樣,就像sass讓css變活了一個(gè)道理
今天就先到這里!5點(diǎn)!,收工!走人!