Javascript 在angular.js中切换类和文本

有一个锁定和解锁功能，在html中由

<li><a ng:click="lock(selectedUser)"><i class="icon-lock icon"></i>Lock</a></li>

如何在angular.js中的两种状态之间切换？我的意思是，当执行锁定并成功锁定时，第一个选项应隐藏，而解锁按钮应可见

selectedUser.enabled

---

返回

1

表示解锁，返回

0

表示锁定。

只需使用一个

li

，并将类设置为：

HTML:

{{selectedUser.enabled&&“锁定”| |“解锁”}

Javascript:

$scope.toggleLock=函数（用户）{
user.enabled？user.$lock（）：user.$unlock（）；
}

---

更新：Angular 1.1.5增加了对三元运算符的支持，因此可以将上述内容改写为：

{{ selectedUser.enabled ? 'Lock' : 'Unlock' }}

---

@艺术品广告シ - 我改变了我的答案，以反映你澄清的问题。谢谢你的工作。我可以用同样的方法将文本“锁定”更改为“解锁”吗？

selectedUser.enabled

{{ selectedUser.enabled ? 'Lock' : 'Unlock' }}