Angular 1.5比较ng-repeat $ index与数字

时间:2016-11-21 08:55:45

标签: angularjs

我试图在Angular中做一些非常简单的事情,但似乎无法让它发挥作用。我想使用ng-repeat并将$ index与数字进行比较。不知何故我的代码中有错误,但我找不到它。任何帮助将不胜感激。干杯!

  <li ng-repeat="(key, structure) in structures">
      {{ $index }}

      <div class="row"  ngIf="{{$index}} == 1">
           <div class="col8 itemBox"></div>
           <div class="col4-odd-fix itemBox"></div>
      </div>
      <input style="display: inline-block" name="structure" type="radio" value="{{key}}" ng-model="$parent.structure" required>
           {{key}}
    </li>

1 个答案:

答案 0 :(得分:2)

这应该有效:

<li ng-repeat="(key, structure) in structures">
    {{ $index }}
    <div class="row" ng-if="$index === 1">
        <div class="col8 itemBox"></div>
        <div class="col4-odd-fix itemBox"></div>
    </div>
    <input style="display: inline-block" name="structure" type="radio" value="{{key}}" ng-model="$parent.structure" required> {{key}}
</li>

你有几个问题:

  1. 您需要使用ng-ifngIf是Angular 2语法。
  2. 你不应该在{{ }}内使用ng-if,只需要$index === 1