Question

在我正在构建的网页中，我使用 AngularJS TypeSpec struct { Doc *CommentGroup // associated documentation; or nil Name *Ident // type name Type Expr // *Ident, *ParenExpr, *SelectorExpr, *StarExpr, or any of the *XxxTypes Comment *CommentGroup // line comments; or nil }来隐藏元素（基本上是一个按钮）。但实际上它只是向该元素添加一个类ng-hide。

因此，任何人都可以访问开发人员工具并删除班级ng-hide，该按钮将可见。我知道使用jQuery我可以完全ng-hide来自HTML的元素但是有没有办法以角度来做呢？

在它看起来像这样之前：

remove

隐藏后看起来像：

<button ng-hide="hide">Button</button>

Answer 1

您正在寻找ngIf。

ngIf指令基于{expression}删除或重新创建DOM树的一部分。如果分配给ngIf的表达式求值为false值，则从DOM中删除该元素，否则将元素的克隆重新插入DOM中。

<label>Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /></label><br/>
Show when checked:
<span ng-if="checked" class="animate-if">
  This is removed when the checkbox is unchecked.
</span>

Answer 2

这应该有效：

angular.element("button").remove();

如何从HTML源代码隐藏元素？

2 个答案: