Angular:如果索引大于0,则有一个链接

时间:2014-06-25 13:22:28

标签: javascript angularjs

我使用ng-repeat有大约40个项目的角度列表。对于数组中的第一项,如果单击该项,我需要阻止它在任何地方进行链接。

所以我使用这个ng-href来评估索引,然后链接到正确的详细信息页面。

 ng-href="{{(0 < $index) ? 'index.html#/detail/' + item.id : ''}}"

在加载时工作正常,但是当我从列表中滚动时,第一个项目实际上从先前访问过的项目中获取链接。快递有什么问题吗?还是有更好的 这样做的方法?

感谢任何帮助。

Here is a demo,如果您点击第一个项目,该链接将被禁用,但如果您向下滚动,然后返回,第一个项目将喜欢之前访问过的一个

1 个答案:

答案 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 : ''}}" 

                 >