ng类中的angularjs表达式语法是什么

ng类中的angularjs表达式语法是什么,angularjs,Angularjs,有一些代码将类操作简化为简单的表达式和绑定: <a ng-click="flags.open=!flags.open">...<div ng-class="{active:flags.open}"> 这就解释了这一点?这一点在文章中提到得很简短(我认为过于简短)。如果将对象传递给ngClass,则如果该键的值为true,则该对象的每个键将作为类应用于元素。例如: $scope.first = true $scope.second = false $scope.third

有一些代码将类操作简化为简单的表达式和绑定:

<a ng-click="flags.open=!flags.open">...<div ng-class="{active:flags.open}">
这就解释了这一点?

这一点在文章中提到得很简短(我认为过于简短)。如果将对象传递给
ngClass
,则如果该键的值为true,则该对象的每个键将作为类应用于元素。例如:

$scope.first = true
$scope.second = false
$scope.third = true


会导致

<div class="a c"></div>

您可能也看到过类似的情况:

<div ng-class="{true: 'complete'}[item.Id != 0]"></div>
`

附录

此外,我刚刚意识到,您可以使用各种不同的键来映射到您的状态。例如:

$scope.first = true
$scope.second = false
$scope.third = true
ng class=“{true:'highlight',undefined:'mute'}[item.hasValue]”

如果项没有“
hasValue
”属性,则将应用
mute
类。此外,您可以为任何给定类型或值应用类:

{'Jonathan Chapman':'embolden','object object]:'hide'}[item.toString()]

在以下集合中,这将在隐藏作为对象的项目时增加人名的勇气:

[
    'Jonathan Chapman',
    { aka: 'Johnny Applyseed' },
    'Brad Pitt',
    { details: 'Fights Zombies' }
]
有了它,您可以在任何$scope属性中查看特定值。我想这有时会很有用

干杯

切换
标志的值。打开
为真或假。

根据
标志的值决定类
是否处于活动状态
。打开

请参见演示上述示例的说明。

以下是使用过滤器传递表达式的方法:

 <div ng-class="{ 'customer-page': ('customer' | isRoute), 
  'orders-page': ('orders' | isRoute)  }">....</div>
。。。。

类似下面的示例:

div(ng-class=" condition ? ['class_one', 'class_two'] : ['class_three', 'class_four']")

它是针对ng类的。另见(脸掌)啊。。。我现在在文档中看到了它——“类名到布尔值的映射”。这并不明显,但我也应该向下扫描注释。谢谢Brandon和@Mark-我在StackOverflow看到你们订阅了AngularJS标签,并且你们都得到了一流的帮助。记住-如果你的类名包含连字符,你必须在它周围加引号!例如
如果你能为我和其他未来的读者解释一下这种语法的作用和原因,那就太夸张了。那么,object/map后面括号内的表达式是一个条件表达式?这个语法是否在任何地方都有文档记录?谢谢事实上,我还没有找到任何关于这个的文档,但我可以保证它是有效的。一位同事向我介绍了这一点,使用jQuery元素选择器,它完全节省了我们大量的工作。我们需要的一切都是数据绑定的。ng类中是否可能有多个条件。我正在寻找样式与不同的css案件未决的项目。这可能吗?我尝试了{true:'complete'}[item.Id==0],{true:'failed'}[item.Id==1],但没有效果谢谢你的解释!这节省了很多时间。
ng-click="flags.open=!flags.open"
ng-class="{active:flags.open}"  
 <div ng-class="{ 'customer-page': ('customer' | isRoute), 
  'orders-page': ('orders' | isRoute)  }">....</div>
div(ng-class=" condition ? ['class_one', 'class_two'] : ['class_three', 'class_four']")