ng-classを動作させるには

Question

私がng-classをw3schools.com Try It pageにテストすると、ドキュメントに記載されているようにすべて動作します。私が裸骨Angular 2アプリで試してみると、私は喜びを得ません。

ここに私の措置があります。テキストエディタで

1. ng new classTest
2. cd classTest
3. ng serve

：ターミナルウィンドウで
app.component.css

.red { 
    color: #f00; 
} 

app.component.html

<h1 ng-class="{'red': true}"> 
    {{title}} 
</h1> 

結果：テキストアプリの作品！は赤色ではなく黒色で表示されます。私はng-class="'red'"のような数多くのバリエーションを試してみましたが、w3schools.com Try It pageのテキストはあなたが望むほど赤くなっています。

私には何が欠けていますか？

Answer 1

AngularJS例です、角度2でNgClassディレクティブの構文は以下の通りです：

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

あなたはNgClassディレクティブhereについての詳細を読むことができます。