I'm currently experiencing performance issues in my Angular application. The root cause seems to be the excessive use of a directive on a single page. Unfortunately, I don't have the time to break down this page into multiple sections.
I am seeking a server-side solution (using .NET) that would allow us to pre-compile and pre-link directives to DOM elements within the template before serving the page to the client.
An alternative approach could involve pre-compiling and pre-linking the directives asynchronously on the client side while multitasking.
<my-directive></my-directive> <!-- 1000 instances within a single page -->
Thank you.
<label class="checkbox" ng-hide="ctrl.shouldHide()">
<input type="checkbox" id="{{fieldId}}" ng-true-value="{{ctrl.valueId}}" ng-model="collection[vhFieldId]" />{{ ctrl.questionText }}
</label>