用户登录ng-class时添加css类

Question

如何在用户登录时使用ng-class添加我放置display: none;的Css类？我使用mean.js所以我首先尝试使用

ng-show="authentication.user" 

但这只会使元素隐藏起来visivility : hidden;

此外，我需要在我保留的元素中添加其他类，如果用户是否已记录，我会更改边距和其他内容。

我尝试使用角度条件：

$scope.logged = false;
if ($scope.authentication.user) {
      $scope.logged = true;
} 

然后像这样添加ng-class条件：

ng-class="logged ? 'myClass1' : 'myClass2'"

但它失败了，我做错了什么？

Answer 1

ng-if="authentication.user"

将完全删除该元素，而不像隐藏它的ng-show。

Answer 2

使用AngularJS，正确的语法是：

ng-class="{ className : Boolean}"

来自AngularJS documentation的多个类的示例：

ng-class="{strike: deleted, bold: important, 'has-error': error}"

或使用功能：

ng-class="{ invalid : !form.validPassword()}"

希望这会有所帮助。