在AngularJS / Slim中隐藏一个模板的div

Question

有以下代码：

.user-header
    .user_signed ng-show="user"
        h3
            | Hello, {{ user.name }}!
            a ui-sref="signOut"  [ Sign out ]
    .user_not_signed ng-hide="user"
        h3
            | Please, 
            a ui-sref="signIn" sign in!
.ui-view.content
    | Loading...

这是根据用户模型显示一个或另一个div的简单代码。但现在我想做以下事情 - 如果用户加载某些路线（登录页面），我想隐藏“user-header”div。我该怎么做？即我想显示所有路由的用户标题排除一个。

Answer 1

考虑几种方法来实现它。

可能最容易检查当前网址。

HTML

.user-header ng-show="hideHeader()"
    .user_signed ng-show="user"
    ....

控制器

$scope.hideHeader = function(){
    return ['/hidden/url/1', '/hidden/url/2'].indexOf($location.path()) != -1
}