ng-if
すべてのhtmlを常にDOMに配置したくないため、タブに基づいて一部のデータを表示および非表示にするために使用しようとしています。これが私がやろうとしていることです。ページが読み込まれたときにのみ機能しているようですng-if
。その後、サブタブをクリックすると、スコープ変数が更新されますが、UI に変化は見られません。助けてください。
ありがとう。
ng-if
すべてのhtmlを常にDOMに配置したくないため、タブに基づいて一部のデータを表示および非表示にするために使用しようとしています。これが私がやろうとしていることです。ページが読み込まれたときにのみ機能しているようですng-if
。その後、サブタブをクリックすると、スコープ変数が更新されますが、UI に変化は見られません。助けてください。
ありがとう。
リンクから削除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