AngularJS - 访问ng-If中的DOM元素属性

时间:2014-09-18 16:22:07

标签: javascript angularjs dom

有没有办法在ng-If?

中访问HTML标签的属性

我目前有这个,但它似乎没有用。

PS:我在指令中设置了属性。

<button ng-if="angular.element(this).attr('attributeName')" class="btn"> Secure</button>

修改

如果满足条件,我想在DOM中添加一个按钮,但条件是在向服务器发出HTTP请求的指令中确定的。我不希望显示按钮直到从服务器收到响应,因此ngIf和我想在收到响应后向元素添加属性,因此ngIf的计算结果为真。

用例

我正在编辑现有HTML并根据用户角色添加更多限制。因此,例如,用户角色X应该能够点击链接以访问受保护的页面,但是Y甚至不必看到那里有到安全页面的链接。我不能使用ngShow / ngHide,因为它们已经在按钮上定义并控制完全不同的条件。

有关如何在不创建新指令(理想情况下)的情况下实现此目的的任何建议?

1 个答案:

答案 0 :(得分:0)

试试这种方式

<button ng-attr-name="{{condition}}" class="btn"> Secure</button>

并查看角度文档

https://docs.angularjs.org/guide/directive