javascript - ng-if condition having class name condition -


i using partial view shown below each tab.each partial view has lot of databindings , data rendering becomes slow.

<div class="tab-content" ng-controller="mycontroller">     <div id="tab-1" class="tab-pane fade active in " ng-include="'partialviews/1.html'"></div>     <div id="tab-2" class="tab-pane fade" ng-include="'partialviews/2.html'"></div>                                 <div id="tab-3" class="tab-pane fade" ng-include="'partialviews/3.html'"></div>                                 <div id="tab-4" class="tab-pane fade" ng-include="'partialviews/4.html'"></div>                             <div id="tab-5" class="tab-pane fade" ng-include="'partialviews/5.html'"></div>   </div> 

in link mentioned

"one approach using ngif wrap inner content separate partial , nginclude. if ngif condition false @ outset, included partial not loaded , evaluated, remove contribution." 

so want use ng-if condition based on active tab(active tab have class "tab-pane fade active in"). need ng-if condition based on class name.(i.e ng-if class name "tab-pane fade active in"") didnt how include class name based expression inside ng-if. please help.

you have controller assigned #tab-content. suggest add scope variable keeping track of view active, can either use ng-if or ng-switch include necessary views.

set model either using ng-click (and pass service if navigation under controller) or append routeparameter , set "activetab" scope variable using that.


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -