Angular.js在某些頁面中添加類到元素

Question

我試圖將類post添加到我的div #wrap當我在頁面/post上。這就是我：

$ routeProvider

when('/post', { 
    templateUrl : 'views/post.php', 
    controller : 'postCtrl' 
}) 

控制器

carolvaladares.controller('postCtrl', function($scope) { 
    $scope.post = true; 
}); 

HTML

<div id="wrap" ng-class="{true: 'post'}[post]"> 

當/post，$scope.post是true。如果$scope.post是true，類post添加到#wrap

的事情是，當我去/post，它不讀取$scope.post，除非我手動使用ng-controller="postCtrl"。

在此先感謝。

- 編輯 -

的$scope.post回報true當我/post使用{{post}}。我仍然無法使用ng-class。

- 編輯 -

問題仍然發生，因爲#wrap是我的ng-view的。所以我想我想做什麼，我試圖做的事情是不可能的。

Answer 1

嘗試

<div id="wrap" ng-class="{'post': post}">

另外不要忘記添加NG控制器

Answer 2

我認爲這個問題是你的HTML：

<div id="wrap" ng-class="{ className: post === true }"> 

應該工作。

Answer 3

納克級是這樣工作的：當angularExpression評估的東西truthy

ng-class="{'classNameToApply': angularExpression}"

的 'classNameToApply' 將被應用。

你的情況

因此，應用類「後」，你會怎麼做 <div id="wrap" ng-class="{'post': post}">

Answer 4

<div id="wrap" ng-class="{true: 'post'}[post]"> 

你已經給了ng-class應該工作的聲明，你可以在你的post變量更改爲別的東西檢查其工作象下面這樣：

<div id="wrap" ng-class="{true: 'post'}[someValue]"> 

除此之外，還有其他的解決方案低於你可以嘗試：

SOL1：

<div id="wrap" ng-class="{'post': post}"> 

SOL2

<div id="wrap" ng-class="post ? 'post' : 'somethingelse' }"> 

Answer 5

我會建議你嘗試是這樣的：

when('/post', { 
    templateUrl : 'views/post.php', 
    controller : 'postCtrl', 
    activetab: 'post' 
}) 

，並添加：

<div id="wrap" ng-class="{post: $route.current.activetab == 'post'}"">