本篇內(nèi)容介紹了“怎么快速上手angular.js”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
為貢覺(jué)等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及貢覺(jué)網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、貢覺(jué)網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
angular.js 準(zhǔn)確的來(lái)說(shuō),應(yīng)該不是一個(gè)框架,是一個(gè) js 庫(kù),一個(gè)依賴于 jQuery 的進(jìn)一步封裝,去除繁瑣的 DOM 操作,使用數(shù)據(jù)驅(qū)動(dòng)的 MVC 模塊化庫(kù)。
這里扯到 MVC 這個(gè)詞語(yǔ),也不是很清楚,我自己的理解 M 其實(shí)就是 Module 模塊,一個(gè) .html 就是一個(gè)模塊, V 其實(shí)就是我們 .html 里面那些 DOM 元素, C 就是我們用來(lái)操作 V 那些 js 腳本。
不知道對(duì)不對(duì),如果不對(duì),懇請(qǐng)各位大佬,提出寶貴的建議,讓我有更大的提升,謝謝。
額,我必須要吐槽一下,為毛還要使用 angular.js,為毛不使用 angular2,好歹讓我入門(mén) ts 也好啊,好了,既來(lái)之,則安之。
用這個(gè) js 庫(kù)的一個(gè)關(guān)鍵原因就是因?yàn)榭梢匀コ爆嵉?DOM 操作。
使用數(shù)據(jù)驅(qū)動(dòng)視圖的方式,進(jìn)行開(kāi)發(fā),非常高效。
ng-app 加載一個(gè)入口應(yīng)用模塊
var app = angular.module('ngApp', []);
有點(diǎn)類似,Vue 項(xiàng)目的 let app = new Vue();
ng-init 初始化數(shù)據(jù),
有點(diǎn)類似 Vue 中的 data() 屬性。
ng-controller 控制器
ng-bind 數(shù)據(jù)綁定
有點(diǎn)類似 Vue 中的 v-bind
ng-model 數(shù)據(jù)雙向綁定
有點(diǎn)類似 Vue 中的 v-model
ng-repeat 數(shù)據(jù)循環(huán)
有點(diǎn)類似 Vue 中的 v-for
使用 ng-repeat 來(lái)循環(huán)數(shù)組
- {{ x }}
ng-if 為HTML增加選擇功能,只有在表達(dá)式值為true時(shí),當(dāng)前元素才添加到DOM樹(shù)
有點(diǎn)類似 Vue 中的 v-if
ng-show 有點(diǎn)類似 v-show
ng-src 有點(diǎn)類似 :src
ng-click 有點(diǎn)類似 @click
ng-style 有點(diǎn)類似 :style
ng-class 有點(diǎn)類似 :class
ng-show/ng-hide 有點(diǎn)類似 jq 的中 show(),hide()
ng-disabled 有點(diǎn)類似 :disabled
ng-checked 有點(diǎn)類似 :checked
$scope 有點(diǎn)類似 Vue 中的 data() 屬性
filter 過(guò)濾器,有點(diǎn)類似 Vue 中的 filter
$scope.$watch 有點(diǎn)類似 Vue 中的 watch 屬性
“怎么快速上手angular.js”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!