Javascript 如何在HTML源代码中隐藏元素?

Javascript 如何在HTML源代码中隐藏元素?,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,在我正在构建的网页中,我使用AngularJSng hide来显示隐藏元素(基本上是一个按钮)。但它实际上只是向该元素添加一个类ng hide 因此,任何人都可以转到开发人员工具并删除类ng hide,按钮将可见。我知道使用jQuery我可以从HTML中完全删除元素,但是有没有一种方法可以做到这一点 在它看起来像这样之前: <button ng-hide="hide">Button</button> 按钮 隐藏之后,它看起来像: <button class="n

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

因此,任何人都可以转到开发人员工具并删除类
ng hide
,按钮将可见。我知道使用jQuery我可以从HTML中完全
删除
元素,但是有没有一种方法可以做到这一点

在它看起来像这样之前:

<button ng-hide="hide">Button</button>
按钮
隐藏之后,它看起来像:

<button class="ng-hide">Button</Button>
按钮
您正在寻找的

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

点击我:
选中时显示: 当复选框未选中时,此选项将被删除。
这应该可以:

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

从不知道
ng是否实际从DOM中删除了元素。谢谢
angular.element("button").remove();