Angular 2 ngClass应该打开onFocus

Question

使用Angular 2的ngClass更改类在使用复选框时有效，但在单击具有相同类的输入文本框时不起作用。

我的猜测是onFocus语法不正确。

看到这个plunker并查看app.component.ts https://plnkr.co/edit/0DeMvJQfY04Da2n4cGBm?p=preview 或参见下面的相关代码

Works：第二个复选框将其变为红色。 不起作用：将光标放在框中也应该使其变红。

@Component({
  selector: 'my-app',
  template: `
    <div [ngClass]="{ 'wrapper': true, 'wrapper-active': yyy }">

     <div id="log" class="login" >
       <input type="checkbox" [(ngModel)]="xxx">
       <input type="checkbox" [(ngModel)]="yyy">
      <form>
      <input  onfocus="focusFunction()" type="email" [(ngModel)]="email" name="email" />
      </form>
      </div>
  `,
  styles: [`
    .wrapper {
  background-color: blue;
}

.wrapper-active {
  background-color: red;

}
  `]
})
export class AppComponent {
 
}