2016-08-03 7 views
0

私のアプリケーションでは、アクティブなリンクに基づいてコンテンツを表示したいとします。例:リンクが「新規」、「abc」、リンクが「ビュー」の場合、「xyz」が表示されます。そのために、私は自分のアプリケーションに次のコードを使用しました。

<li><a href="#/new" ng-class="{active: $route.current.activetab == 'new'}">New</a></li> 
<li><a href="#/view" ng-class="{active: $route.current.activetab == 'view'}">View</a></li> 

<span class="white-text" ng-show="{{ $route.current.activetab === 'new' }}">new</span> 
<span class="white-text" ng-show="{{ $route.current.activetab === 'view' }}">view</span> 
+0

'ng-show'は、' ng-show = "$ route.current.activetab === 'new'" 'のように補間命令を使わないでください。' $ route'が ' $ scope'のように '$ scope。$ route = $ route'をコントローラのどこかに置いてください –

答えて

3

{{}}を使用すると、値が補間されます。つまり、マークアップは式の結果に置き換えられます。 ngShowがそうちょうどそれがあるとしての機能を使用し、それが動作する、式のみを想定しています。一般的には

<span class="white-text" ng-show="$route.current.activetab === 'new' ">new</span> 
<span class="white-text" ng-show="$route.current.activetab === 'view' ">view</span> 

あなたの表現/コンテンツが表示されなければならないとき、あなたは{{ }}をのみお勧めします。

希望の作品です!

関連する問題