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" вручную.

Заранее спасибо.

- EDITED -

$scope.post В возвращает true, когда я использую {{post}} на /post. Тем не менее я не могу работать с ng-class.

- EDITED -

проблема все еще происходит потому, что #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

нг-класс работает следующим образом:

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

'classNameToApply' будет применяться, когда angularExpression оценивает что-то truthy.

Так что в вашем случае, чтобы применить класс «пост», вы могли бы сделать <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'}"">