AngularJS 基本指令

學(xué)習(xí)一下AngularJS,由于目前很多公司還在使用2.0以下版本,先學(xué)習(xí)1.0+版本

1、ng-app 設(shè)置模塊??

2、ng-init 初始化?ng-init="a = 1">

3、ng-model = 'b' 綁定變量

4、ng-bind = 'a' 綁定

5、ng-click ='add()'? ??

// ng-click="switch(item)"> item傳值

6、ng-controller = 'demoController'

7、 ng-repeat? ? ? <li ng-repeat="item in users" >? ?{{item}}

8、 ng-if = 'show' 判斷是否顯示

9、ng-show\ ng-hide?= 'show'?

10、img ng-src="{{image_url}}" alt=""

11、li ng-class="{bgBlue:show}">ng-class

12、ng-cloak 解決閃爍問題,數(shù)據(jù)沒有被填充時(shí),顯示花括號(hào){{}}

13、事件 ng-click? ng-blur? ?ng-mouseout = 'fn()';

示例:

var app =angular.module('app',[]);

app.controller('actrl',['$scope',function($scope){

$scope.show= true;

$scope.hello ='hello world';

$scope.users= [{name:'小明'},{name:'小白'},{name:'小黑'},{name:'小紅'}];

$scope.add =function(){

alert($scope.hello);

};

}]);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一組:姚成棟 Ztree基礎(chǔ) 如果ztree要調(diào)用函數(shù),如調(diào)用某個(gè)方法,需要在setting進(jìn)行配置,如 比如,...
    胡諾閱讀 450評(píng)論 0 1
  • 在mac上搭建簡單的hls推流服務(wù)器 最近公司要有在網(wǎng)頁端用hls推流來播放全景視頻的需求,難點(diǎn)在于全景播放器的兼...
    gakoii閱讀 1,373評(píng)論 0 5
  • [TOC] 以下內(nèi)容基于Android 8.0 Project Treble Project treble是And...
    Joe_HUST閱讀 3,192評(píng)論 0 1
  • 很多時(shí)候,我們看到了別人用什么樣的方式、技巧達(dá)到了中規(guī)中矩的方式達(dá)不到的效果,就會(huì)覺得,要是是我,我也會(huì)這樣做的,...
    An_An閱讀 243評(píng)論 0 0

友情鏈接更多精彩內(nèi)容