1

ng-repeat を実行すると機能しないメニューリストがありますが、 ng-repeat がないと機能します。

<div class="reports_header_tabs_holder">
      <span ng-repeat="tab in filters.tabs" ng-class="{'active_tab': tab.href == filters.activeTab }">
      <a ng-click="currentTpl='/{{tab.href}}.html'" >{{tab.title}}</a>
      </span>

視認性最適化インベントリ

フィドル

コメントを読んで、それに応じて試してください。 

<!-- if you comment the ng-repeat anchor, above line ( <a ng-click="currentTpl='/{{tab.href}}.html'" >{{tab.title}}</a> ), and uncomment the below anchors, it works, -->
4

1 に答える 1

2

問題は、ngRepeat反復ごとに個別のスコープが作成されることです。これは、子スコープ プロパティを設定しているリンクをクリックすることを意味しますcurrentTpl。これは、親スコープには影響しません。最も簡単な修正は、親スコープ変数を直接参照することです。

<span ng-repeat="tab in tabs">
     <a ng-click="$parent.currentTpl = '/' + tab.href + '.html'" >{{tab.title}}</a>
</span>

もう 1 つの問題は、{{内で補間タグを使用しないことです。これは式であるため、値を取得するためngClickに補間する必要はありません。tab.href

デモ: http://jsfiddle.net/nLC3g/255/

于 2014-11-17T16:43:43.413 に答える