AngularJS фильтр нг-повтор не обновляет все столбцы

Question

Ниже приводится нг-повтор разметки:

<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, неверен.

Даже первый td, содержащий идентификатор, соответственно обновляется, только v.Id в ui-sref не обновляется.

Любая идея, что мне нужно изменить?

Answer 1

Попробуйте ui-sref="adminloandetails({loanid: v.Id})"

Вам не нужно интерполировать значения, которые вы хотите передать в UI-sref, потому что директива уже принимает выражение!