ng-init,ng-controller,ng-model
生活随笔
收集整理的這篇文章主要介紹了
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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (软件工程复习核心重点)第八章面向对象方
- 下一篇: 1、kali的安装与环境配置