AngularJS html 标签中的表达式

Question

我正尝试在标签中使用 AngularJS 表达式，如下所示

class="({{product.id}} > 2) ? 'act':''"

执行后可以是这个

class="( 5 > 2) ? 'act':' ' "

会不会像云一样

class='act'

如果是那么怎么办？我试过上面的代码但没有得到

class='act'

ng-hide 相同

Answer 1

您可以使用 ng-class 而不是 class :

ng-class="{'act': product.id > 2}"

查看文档以获取更多示例：

https://docs.angularjs.org/api/ng/directive/ngClass

Answer 2

使用 ng-class 属性： ng-class="{'act': product.id > 2}"

这应该适合你。 https://docs.angularjs.org/api/ng/directive/ngClass

Answer 3

检查这个可能对你有帮助:

.one{
  color:red; 
 }

.two{
  color:blue;
 }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>


<div ng-app ng-init="num=2">
 
  <p ng-class="{'two': num==2}">Hello</p>
  
</div>

Answer 4

这可能对某人有帮助

replace class to ng-class

如下

ng-class="{'act': product.id > 2}"

replace ng-hide to ng-if

如下

ng-if="selectedItem == product.pageID"

所以你可以跳过记录

AngularJS html 标签中的表达式

AngularJS Expressions in html tag

angularjs

ng-class