[英]ng-if with recursive directives does not work as expected
我在ui-bootstrap選項卡中有兩個遞歸指令。 出於性能原因,我只想在相應選項卡處於活動狀態時實際加載該指令。 所以我在指令上使用ng-if像這樣:
<dave ng-if="activeTab === 0"></dave>
...
<bob ng-if="activeTab= === 1"></bob>
現在,如果轉到選項卡0,則會看到“ dave”。 然后轉到選項卡1,您會看到“ bob”。 返回標簽0,您仍然會看到“ bob”。 如果我刪除了ng-如果所有工作都按預期進行:dave,bob和dave。
我需要僅在選項卡處於活動狀態時才能呈現指令。 我試過將指令放入div並在其上使用ng-if,如下所示:
<div ng-if="activeTab === 0"><dave></dave></div>
但是仍然有同樣的問題。
通過執行以下操作,我可以使標簽正確地來回移動:
<div class="container" ng-app="app">
<uib-tabset active=activeTab>
<uib-tab index=0>
<uib-tab-heading>Tab One</uib-tab-heading>
<dave ng-if="active === index" recurse="true"></dave>
</uib-tab>
<uib-tab index=1>
<uib-tab-heading>Tab Two</uib-tab-heading>
<bob ng-if="active === index" recurse="true"></bob>
</uib-tab>
</uib-tabset>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.