将ng-model分配给ng-repeat项目

时间:2015-04-04 02:23:25

标签: javascript jquery angularjs angularjs-ng-repeat angular-ui

我们有一个场景,我需要重复<li>项,我们需要动态模型来编写点击事件。

 <ul class="flights trip1-list" ig-init="trip1_fare = 0">
    <li ng-repeat="data in flt_det" ng-click="addUp($event)" ng-model="***">
                            <div class="flight-icons"></div>
                            <div class="flight-details">
                                <div class="time">{{data.depart_time|date:'HH:mm'}}</div>
                                <div class="name">{{data.flight_name}} </div>
                                <div class="duration">{{(data.arrival_time - data.depart_time)}}</div>
                            </div></li>...</ul>

在这种情况下我们如何获得动态模型,我可以从json本身获得值,即“数据”。

提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以从重复的项目数据中获取它。

编辑:

把它放在控制器中:

// private variable for storing watch functions to unbind when the
// controller is destroyed to reduce watchers & prevent memory leaks
var unbindFns = [];

function bindWatchers() {
  angular.forEach(collection, function(item) {
    var unbind = $scope.$watch(item.fooBar, function() {
      // do stuff
    });

    unbindFns.push(unbind);
  });
}

function unbindWatchers() {
  angular.forEach(unbindFns, function(fn) {
    fn();
  });
}

$scope.$on('$destroy', unbindWatchers);