如何在AngularJs表达式中使用ng-repeat $ index变量?

时间:2018-01-27 19:11:45

标签: javascript angularjs

我用ng-repeat生成了很多HTML。我依靠$ index变量来索引控制器中的数据。

我做了很多像

这样的事情
 ng-submit="validateExistingGuest($index)" 

在这种情况下,会生成未确定数量的HTML表单,因此会生成索引。

问题是,我有时需要在不同类型的表达式中使用此变量。那看起来像那样:

ng-if= "user{{$index}}.valid"

当然,这不起作用。我尝试了构建该表达式的方法,但没有成功。

如何做到这一点?

3 个答案:

答案 0 :(得分:1)

你需要像

这样的东西
 ng-if="user[$index].valid

答案 1 :(得分:0)

为什么不使用该对象而不是$index ?,尝试

<div ng-repeat="car in cars" > 
    <p {{car}}></p>
    <button ng-click="buy(car)" > buy </button>
</div>

答案 2 :(得分:0)

<div ng-repeat="value in user track by $index"> ... 
  //now you can use the {{$index}}
  <div ng-if="user[$index].valid">Show only if valid!</div>
</div>