AngularJs

1 Angularjs

1、ng-app=" "  定義angularJS的使用範圍;

2、ng-init="變量=值;變量='值'"  初始化變量的值,有多個變量時,中間用分號隔開;

例如:ng-init="name='aaa';age='20'"

3、ng-model="變量"  定義變量名;

4、ng-bind="變量"  綁定變量名,獲取該變量的數據。這裏的變量就是第3條的變量名。但是一般都用雙重花括號來獲取變量的值,比如:{{變量}}。

5、HTML5 允許擴展的(自制的)屬性,以 data- 開頭。

6 AngularJS一個文件可以存在多個ng-app,但是隻會加載第一個。

7 AngularJS 表達式可以寫在 HTML 中,不支持條件判斷,但是可以用三目運算符,循環及異常,AngularJS 表達式支持過濾器

8 當ng-bind和{{}}同時使用時,ng-bind綁定的值覆蓋該元素的內容。

9 ng-show:當ng-show屬性值爲true 的時候顯示

2 AngularJS 於前端開發有什麼作用,對比其它框架有何優點

1.前臺DOM和後臺Model的雙向綁定,前後臺的更改都可以隨時生效,這給一些普通的業務邏輯的開發帶來了很大的方便。
2.依賴較少,上手容易。只要包含一下Angularjs文件就可以着手簡單的開發了(如果程序稍微複雜些的話還是需要藉助其他工具的)
3.能與多種其他工具整合,如Nodejs,Express,且侵入程度較低。
4.及其適合開發SPA(Single Page Application)類型的web應用,有多方便,只有嘗試過的人才知道。

3  restrict 值可以是以下幾種:

1)E 作爲元素名使用:<kk-directive></kk-directive>

2)A 作爲屬性使用: <div kk-directive></div>

3)C 作爲類名使用:<div class="kk-directive"></div>

必須設置 restrict 的值爲 "C" 才能通過類名來調用指令

4)M 作爲註釋使用: <!-- directive: kk-directive -->

注意: 需要在該實例添加 replace 屬性,否則評論是不可見的。

注意: 必須設置 restrict 的值爲 "M" 才能通過註釋來調用指令。

restrict 默認值爲 EA, 即可以通過元素名和屬性名來調用指令。

4

Valid:校驗合法狀態 合法的則爲 true

Dirty:如果值改變則爲 true

Touched:如果通過觸屏點擊則爲 true

Error: 驗證失敗,則此屬性將是true的

5 $rootScrope$scope的區別

$rootScope針對全局的作用域生效,可以在各個 controller 中使用;$scope只針對當前的controller作用域生效

6 ng-show/ng-hide  ng-if的區別

實現原理方面:ng-show/ng-hide是通過修改CSS樣式方式控制元素顯示與隱藏,對應的DOM元素會一直存在於當前頁面中,而ng-if根據表達式的值動態的在當前的頁面中添加刪除頁面元素。如果賦值表達式的值爲false,那麼這個元素就會從頁面中刪除,否則會添加一個元素。

在作用域方面,兩者也存在差異:當一個元素被ng-ifDOM中刪除時,與其關聯的作用域也會被銷燬。而且當它重新加入DOM中時,則會生成一個新的作用域,而ng-showng-hide則不會。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章