让ng-class工作

Question

当我在w3schools.com Try It page中测试byte[] img = rs.getBytes("Images"); ImageIcon image = new ImageIcon(img); Image im = image.getImage(); Image myImg = im.getScaledInstance(200, 200, Image.SCALE_SMOOTH); ImageIcon newImage = new ImageIcon(myImg); 时，一切正常，就像文档说的那样。当我在一个简单的Angular 2应用程序中尝试时，我没有任何快乐。

这是我的步骤。在终端窗口中：

1. ng-class
2. ng new classTest
3. cd classTest

在文本编辑器中：
的 app.component.css

ng serve

app.component.html

.red {
  color: #f00;
}

结果：文字 app有效！以黑色显示，而不是红色。我在w3schools.com Try It page中尝试了其他一些变体，例如<h1 ng-class="{'red': true}"> {{title}} </h1> ，文字会随你变红。

我错过了什么？

Answer 1

这个AngularJS示例，Angular 2中NgClass指令的语法如下：

<h1 [ngClass]="{'red': true}">
    {{title}}
</h1>

您可以阅读有关NgClass指令here的更多信息。