AngularJS頁面上的預編譯指令

Question

我在我的角度應用程序中遇到性能問題。 其背后的原因是頁面中過度使用了指令。 由於我沒有足夠的時間將該頁面分為多個頁面。

我需要一個解決方案（服務器端.NET），在該解決方案中，我們可以對模板內的DOM元素進行預編譯和預鏈接指​​令，然后將該頁面提供給客戶端。

或者在做其他事情的同時，在客戶端異步地預編譯和預鏈接指​​令。

<my-directive></my-directive> <!-- 1000 times within the single page -->

謝謝。

<label class="checkbox" ng-hide="ctrl.shouldHide()">
    <input type="checkbox" id="{{fieldId}}" ng-true-value="{{ctrl.valueId}}" ng-model="collection[vhFieldId]" />{{ ctrl.questionText }}
</label>

Answer 1

您不能在服務器端“對DOM元素進行預編譯和預鏈接指​​令”，因為在服務器端沒有DOM，而且angular仍然是客戶端技術。

可能要做的是更好地編寫指令，例如，它僅需編譯（解析）一次模板，並且僅鏈接每個實例。 這是假設您所遇到的性能問題確實與所述指令有關。

性能問題可能又是由很多原因引起的，有時有些瑣碎的事情（例如為指令設置最小高度）可能會非常有幫助（因為這會阻止頁面重排）。

要在此處獲得任何實際幫助，您確實需要共享一些代碼。