Question

我有以下内容：

<i class="fa fw"
   data-ng-class="{'fa-flag-o': q.qs.tag == false; 'fa-flag': q.qs.tag == true}"></i>

当q.qs.tag为false时，这似乎不起作用并将类设置为fa-flag-o。

我编码的方式有问题吗？

Answer 1

您应该使用逗号分隔属性：

<i class="fa fw"
   data-ng-class="{'fa-flag-o': q.qs.tag == false, 'fa-flag': q.qs.tag == true}">
</i>

Fiddle

另外，你可以这样写：

<i class="fa fw"
   data-ng-class="{'fa-flag-o': !q.qs.tag, 'fa-flag': q.qs.tag}">
</i>

Answer 2

通常的做法是使用：

<element class="visible-{{property}}"></element>

所以你可以使用这个css：

<style> 
    .visible-true{
                  display:inline;
                 }
    .visible-false{
                  display:none;
                 }
</style>

例如

如何使用AngularJS基于true / false的内容设置类？

2 个答案: