Получение ng-класса для работы

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 примера, синтаксис NgClass директивы в угловых 2 является следующее:

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

Вы можете прочитать больше о NgClass директиву here.