可以很容易地将CSS类绑定到角度2模板中的元素。您在模板中提供了一个用括号括起来的类名，然后在右侧提供一个表达式，该表达式的计算结果应该为真或假，以确定是否应该应用类。下面是绑定单个类的方法，例如：
1<div [class.active]="isActive">
2 ...
3</div>
多个类的NgClass
当可能需要添加多个类时，NgClass指令非常有用。NgClass应该接收一个对象，其类名作为键，表达式的计算结果为True或False作为值：
1<div [ngClass]="myClasses">
2 ...
3</div>
然后，myClass将是组件中的一个属性，该组件包含如下所示的对象：
1myClasses = {
2 important: this.isImportant,
3 inactive: !this.isActive,
4 saved: this.isSaved,
5 long: this.name.length > 6
6}
当然，对象也可以是方法的返回值：
1<div [ngClass]="setMyClasses()">
2 ...
3</div>
在关联的组件类中
1setMyClasses() {
2 let classes = {
3 important: this.isImportant,
4 inactive: !this.isActive,
5 saved: this.isSaved,
6 long: this.name.length > 6
7 };
8 return classes;
9}