Question

我是Angularjs的新手，我正在尝试编写一个ng-class来设置一个页码，一旦它被选中，但它不适用我的风格。

<a data-ng-repeat="p in pages track by $index" 
   data-ng-click="selectedPage(p)" href="#" 
   data-ng-class="{selectedPage: p == selectedPage}">
   {{p}}
</a>

的style.css：

.selectedPage {
    font-weight: bold;
    color: red;
}

Answer 1

试试这件：

<a data-ng-repeat="p in pages track by $index" data-ng-click="selectedPage(p)" href="#" data-ng-class="{selectedPage: true}">{{p == selectedPage}}</a>

通过这种方式，您可以快速测试是否在最简单的情况下应用了类。你也看到你感兴趣的比较结果是什么。

如果它起作用，那么它就是一个问题机智逻辑陈述。如果它还没有工作那么确保该类未被应用。也许它因为CSS中的特定规则而被丢弃了？看看Chrome开发工具，真的可以肯定。直接申请课程。 I.e class='selectedPage'看它是否有效。

如果你仍然无法弄明白，请回报。

Angularjs ng-class造型

1 个答案: