zoukankan      html  css  js  c++  java
  • 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'}">

  • 相关阅读:
    一条痛并快乐的路
    Daily Scrum 11.1
    Daily Scrum 10.31
    Daily Scrum 10.30
    Daily Scrum 10.29
    Daily Scrum 10.28
    Daily Scrum 10.27
    (Alpha)Let's-Chronos分数分配规则
    Daily Scrum 10.26
    Daily Scrum 10.25
  • 原文地址:https://www.cnblogs.com/toodeep/p/4970116.html
Copyright © 2011-2022 走看看