日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

ng-init,ng-controller,ng-model

發布時間:2025/3/15 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ng-init,ng-controller,ng-model 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.ng-init

用于初始化數據,跟在$scope插入數據一樣,但是在配合repeat指令時候比較有用:

<div ng-repeat="arrOuter in arr" ng-init="outerIndex = $index"><div ng-repeat="arrInner in arrOuter" ng-init="innerIndex = $index"><p>{{arrInner}}:{{outerIndex}}{{innerIndex}}</p></div> </div>

2.ng-controller

當controller里面的回調是一個對象的寫法的時候。如:

1.controller('Aaa',['$scope',FnAaa]);

function FnAaa($scope){
}
FnAaa.prototype.num = '123';

那ng-controller指令的用法就得這樣寫了

<div ng-controller="FnAaa as a1">
  <div>{{a1.text}}:{{a1.show()}}</div>
</div>

這里的a1就是創建的一個FnAaa對象。

3.ng-model

這個指令用于雙向數據綁定,之前就用在輸入框里面,

可以通過ng-model-options來配置觸發數據變化的事件。

<input type="text" ng-model="text" ng-model-options="{updateOn : 'blur'}">

轉載于:https://www.cnblogs.com/toodeep/p/4970116.html

總結

以上是生活随笔為你收集整理的ng-init,ng-controller,ng-model的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。