javascript - Angular : How to disable an anchor tag out of an array (ng-repeat) of anchor tags

Question

我有一个 ng-repeat of anchor tags，它显示了一个可点击的组成员列表:

<a href="#/contact/{{ ::member.fullProfile.xpid }}" ng-click="storeRecentContact(member.fullProfile.xpid)" class=" GroupRow ListRow ListRow-Contact vmsection ng-class:{'last': $last}" ng-class-odd="'ListRowOdd'" ng-class="{'ListRowLast':$last}" data-ng-repeat="member in group.members | filter: searchFilter() | orderBy: [selectedSort.type, 'fullProfile.displayName'] track by member.xpid" droppable="Call" ng-disabled="member.contactId == myself.contactId">

正如您在 anchor 标记末尾看到的那样，我试图禁用 1 个 ng-repeat 元素，更具体地说，是我/我自己的 anchor 标记。

myself.contactId

和

member.contactId

在代表我的用户的 anchor 标记上将相同。但是，它仍然没有禁用我点击我自己的组成员 anchor 标记的能力。我是否正确使用了 ng-disabled？或者，还有其他方法可以实现吗？

Answer 1

您无法禁用 <a> anchor 标记，你应该尝试一种更简单的方法来处理 html 本身的逻辑，使用 &&检查像先检查member.contactId != myself.contactId如果它是真的那么只开火 storeRecentContact(member.fullProfile.xpid)方法。

这里你的 ng-click 应该看起来像 ng-click="member.contactId != myself.contactId && storeRecentContact(member.fullProfile.xpid)"现在你可以删除 ng-disabled没用的指令。

标记

<a href="#/contact/{{ ::member.fullProfile.xpid }}" 
ng-click="member.contactId != myself.contactId && storeRecentContact(member.fullProfile.xpid)" 
...other attributes..
.....
></a>

Small Demo Plunkr

更新

要停止将您的链接重定向到不同的页面，您可以使用 ng-attr将设置 href 的指令通过评估标记值(您要将 SPA 重定向到的位置){{}}表达。如果你想重定向到 #/contact/1那么你的href将是 href="#/contact/{{ ::member.fullProfile.xpid }}"否则它就是href=""作为空白。假设您使用的条件是 member.contactId不应等于 member.contactId喜欢member.contactId != myself.contactId那么您不希望用户在联系详情页面上重定向您的 SPA。那件事将由 {{member.contactId != myself.contactId' ? #/contact/'+ member.fullProfile.xpid: '' }} 处理的 ng-attr-href这将改变 href属性值基于 {{}}表达

<a ng-attr-href="{{member.contactId != myself.contactId' ? #/contact/'+ member.fullProfile.xpid: '' }}" 
   ng-click="member.contactId != myself.contactId &&  storeRecentContact(member.fullProfile.xpid)" 
   ...other attributes..
   .....
></a>