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

Question

在我正在构建的网页中,我使用AngularJS ng-hide来显示隐藏元素(基本上是一个按钮).但实际上它只是ng-hide为该元素添加一个类.

所以任何人都可以访问开发人员工具并删除该类ng-hide,该按钮将可见.我知道使用jQuery我可以完全remove从HTML中的元素,但有没有办法在角度？

在它看起来像这样之前:

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

隐藏后它看起来像:

<button class="ng-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>