为什么ng-show和ng-hide不能在$ angular中使用$ route?

时间:2016-08-03 16:34:12

标签: angularjs ngroute ng-show ng-hide

在我的应用程序中,我想显示基于活动链接的内容,例如:如果链接是" new"然后" 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>

1 个答案:

答案 0 :(得分: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>

一般情况下,只有在显示表达/内容时才需要{{ }}

希望这有效!