обавить класс в div, когда завис на div.

Шаблон -

<div class="red">On hover add class ".yellow"</div>

Составная часть -

import {Component} from 'angular2/core';

@Component({
  selector: 'hello-world',
  templateUrl: 'src/hello_world.html',
  styles: [`
    .red {
      background: red;
    }

    .yellow {
      background: yellow;
    }

  `]
})
export class HelloWorld {
}

демонстрация

[ПРИМЕЧАНИЕ - я специально хочу добавить новый класс, а не изменять существующие классы]

Вздох! Это такой нормальный вариант использования, и я пока не вижу прямого решения!