使用索引值更改 ng-repeat 中的 class

Question

这里我在 ng-repeat

中有一个 div

<div   ng-class="{div0f:result.subscribed==omega.harish,div0g:!result.subscribed==omega.harish}" id="mecota0f" 
          ng-click="omega.harish=!result.subscribed" >

这里 result.subscribed 是来自服务的布尔值，omega.harish 是我的简单布尔变量这个 div 的 class 将根据 result.subscribed 值

现在我还想更改在 ng-repeat 中创建的 div 之一的活动 class 但其他创建的 div 的 class不断受到影响。

var app = angular.module('subscribeWho', ['ngResource']);
app.controller('mysubscribeWho', ['subscriberFactory',
  function(subscriberFactory) {

    var self = this;


    subscriberFactory.get({}, function(subscriberFactory) {
      self.subscriberdata = subscriberFactory.user;
    });


    self.harish = false;
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div id="border-forpb" class="col-sm-12 panel panel-default" ng-app="subscribeWho">
  <div class="panel-body" id="artle_panel_body" ng-controller="mysubscribeWho as omega">
    <div ng-repeat="result in omega.subscriberdata">
      <div ng-class="{div0f:result.subscribed==omega.harish,div0g:!result.subscribed==omega.harish}" id="mecota0f" ng-click="omega.harish=!result.subscribed">
      </div>
    </div>
  </div>

Answer 1

您正在更改外部范围 omega.harish 值，该值对于 ngRepeat 中的所有项目都是通用的。而是使用 ngInit 指令创建 omega.harish 的本地范围副本：

<div ng-repeat="result in omega.subscriberdata">
    <div ng-class="{div0f:result.subscribed==harish,div0g:!result.subscribed==harish}" id="mecota0f" 
        ng-init="harish = omega.harish"
        ng-click="harish=!result.subscribed">
    </div>
</div>

使用索引值更改 ng-repeat 中的 class

Changing class in the ng-repeat using the index value

angularjs

angularjs-ng-repeat

angular-ng-class