在使用angularjs指令渲染之前從DOM中刪除Element

Question

我正在尋找一種建立滿足以下需求的方法：

• 應該根據傳遞的屬性值刪除元素
• 應該在渲染之前刪除
• 應該刪除所有子元素
• 應該在視覺上像ng-if與ng-bind

或用另一種方式說：在初始頁面加載之后和呈現元素之前，應刪除元素，以使用戶不會看到元素“閃爍”。 有沒有不用ng-bind嗎？

ng-bind並不總是很有幫助：

<parent my-directive>
    <child ng-bind="Hi"></child>
</parent>

---

.parent {
     background-color: red;
     padding: 50px;
}

非常感謝和最誠摯的問候！

Answer 1

如果我的假設是正確的，則可以使用ng-cloak停止由角度編譯器引起的閃爍。

<parent ng-cloak>
    <child ng-bind="Hi"></child>
</parent>

說明

包含ng-cloak所有元素最初都會被隱藏，並且只有在完成angular的編譯后才會可見。

如果將ng-cloak添加到body標簽，則所有頁面都將被隱藏並且僅在angular編譯后可見。

更新資料

<header ng-cloak ng-app>
  <h1 ng-cloak ng-if="false" style="background-color: red">  
    <span>TEST</span>
  </h1> 
</header>

Answer 2

ng-bind是在運行時綁定元素的理想方法。有關此應用的更多信息，請訪問如何刪除Angular js中的All子元素 。