angularjs - ng-if 没有按预期工作

Question

我试图用来ng-if显示和隐藏一些基于选项卡的数据，因为我不希望所有的 html 一直都在 DOM 上。这就是我想要做的。似乎ng-if只有在加载页面时才有效，之后单击子选项卡，它仍在更新范围变量，但我没有在 UI 上看到更改。请帮忙。

谢谢。

Answer 1

ng-href="#"从您的链接中删除。这就是你所需要的：

<li ng-repeat="subTab in tabData.SubTabs">
    <a ng-click="subTabClicked(subTab)">{{subTab.Name}}</a>
</li>

现在ng-href，currentTabId正在更新每个选项卡的子范围。在父范围上，在哪里ng-if观看，currentTabId从未改变过。

这是一个演示： http: //plnkr.co/ISwjaWKggdbGL38BW078