如何在ui-sref中进行单绑定？

Question

我正在执行ng-repeat一个看起来像这样的列表：

<div ng-repeat="x in myCtrl.data" ui-sref="app.detail({id: x.id})">
    <img ng-src="{{::x.image}}">
    <h2>{{::x.name | characters:35}}</h2>
</div>

当我监视观察者时，我发现当列表变长时观察者会增加。 如果我从ui-sref删除{id: x.id} ，无论列表多长，观察者的数量始终保持不变。

所以，我的问题是如何在ui-sref进行单个绑定？

Answer 1

是的，如果您查看API，您将了解到这一点，它从这一行添加了观察程序，您将无法避免。

您可以通过重定向以自己声明状态来摆脱该观察者，就像您可以在那里执行ng-click="redirect('app.detail', {id: x.id})"事件而不是使用ui-sref指令，并且可以使用$state.go从redirect方法重定向到状态。

码

$scope.redirect = function(stateName, param){
    $state.go(stateName, param)
}

Answer 2

ui-sref="app.detail(::{id: x.id})

没有重定向什么，一次绑定一次行代码