AngularJS过滤ng-repeat不更新所有列

时间:2017-02-15 14:34:13

标签: javascript angularjs angularjs-scope angularjs-ng-repeat

以下是ng-repeat标记:

 <tbody>
  <tr ng-repeat=
  "(k, v) in loanapps | filter:SelectedStatus | filter:SelectedBorrower track by $index">
  <td>{{v.Id}}</td>

    <td><a ui-sref="adminloandetails({loanid:{{v.Id}}})">{{v.Name}}</a></td>

    <td class="hidden-xs">{{v.AmountYouWishToBorrow | currency:"&euro;"}}</td>

    <td><span ng-class=
    "{'label label-default': v.LoanStatus == 'Waiting for Meeting', 'label label-success': v.LoanStatus == 'Under Review'}">
    {{v.LoanStatus}}</span></td>

    <td>{{v.ApplicationDate | date:'yyyy-MM-dd HH:mm:ss'}}</td>

    <td><a ui-sref="adminloandetails({loanid:{{v.Id}}})" class=
    "btn dark btn-sm btn-outline sbold uppercase">View</a></td>
  </tr>
</tbody>

当按预期应用过滤器所有数据过滤器时,v.Id不会根据行值更新,但它与前一个值保持相同。这意味着传递给adminloandetails视图的id不正确。

即使第一个包含id的td也相应更新,只有ui-sref中的v.Id没有更新。

知道我需要改变什么吗?

1 个答案:

答案 0 :(得分:1)

试试这个ui-sref="adminloandetails({loanid: v.Id})"

您不需要插入要传递给ui-sref的值,因为该指令已经接受了表达式!