我使用ng-repeat有大约40个项目的角度列表。对于数组中的第一项,如果单击该项,我需要阻止它在任何地方进行链接。
所以我使用这个ng-href来评估索引,然后链接到正确的详细信息页面。
ng-href="{{(0 < $index) ? 'index.html#/detail/' + item.id : ''}}"
在加载时工作正常,但是当我从列表中滚动时,第一个项目实际上从先前访问过的项目中获取链接。快递有什么问题吗?还是有更好的 这样做的方法?
感谢任何帮助。
Here is a demo,如果您点击第一个项目,该链接将被禁用,但如果您向下滚动,然后返回,第一个项目将喜欢之前访问过的一个
答案 0 :(得分:1)
我有答案,但不能告诉你为什么。如果您将ng-href
更改为href
,则会有效。似乎离子指令对进入视口的任何东西都做了一些奇怪的事情,而且没有正确地更新自己。
http://codepen.io/anon/pen/KolkD
<a class="item my-item item-thumbnail-left"
collection-repeat="pet in pets"
collection-item-height="90"
collection-item-width="'100%'"
href="{{(0 < $index) ? '#/detail/' + pet.id : ''}}"
>