如何從HTML源代碼中隱藏元素？

Question

在我正在建設的網頁中，我使用了AngularJSng-hide來顯示隱藏元素（基本上是一個按鈕）。但它實際上只是將一個類ng-hide添加到該元素。

因此，任何人都可以去開發人員的工具，並刪除類ng-hide和按鈕將可見。我知道使用jQuery我可以完全從HTML的元素remove，但有沒有辦法做到這一點角？

之前，它看起來是這樣的：

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

而且，即使躲在後，它看起來像：

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

Answer 1

您正在尋找ngIf。

ngIf指令根據{expression}刪除或重新創建一部分DOM樹。如果賦值給ngIf的表達式求值爲假值，那麼該元素將從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();