时间戳

首页 > 解决方案 > ng-class 根据 ng-repeat 中的条件选择按钮

javascript - ng-class 根据 ng-repeat 中的条件选择按钮

问题描述

我有下面的代码，我根据数组值显示按钮。我想根据检查它是否与另一个数组值匹配的条件来选择按钮。我添加了一个 ng-class 来检查 array1 循环中的 i 是否与 listApi 匹配，但无法提出正确的逻辑并使其正常工作。需要帮助请

<label ng-repeat="i inn array1 track by $index">
    <label class="btn-primary" ng-click="array1Selection()">
        <span ng-class="{'btn-primary': i.name === listApi[0].name}"></span>
        {{i.name}}
    </label>
  </div>
</label>

标签： javascriptangularjs

解决方案

我不是 100% 确定 JS'find会内联工作，Angular但确实如此......

<label ng-repeat="i inn array1 track by $index">
  <div data-toggle="buttons">
    <label class="btn btn-w-m btn-primary" ng-click="array1Selection()">
      <div class="itemcontent">
        <input type="checkbox" name="array1Select" />
        <span nng-class="btn btn-w-m btn-primary: listApi.find(a => a.name === i.name)"></span>
        {{i.name}}
      </div>
    </label>
  </div>
</label>

推荐阅读