Javascript 如何在HTML源代码中隐藏元素?
在我正在构建的网页中,我使用AngularJSJavascript 如何在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
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();