通过从子组件B |中单击，在组件A上添加类angular2

Question

编辑：我想，你需要使用事件发射器： http://plnkr.co/edit/FwUYbe5yU0Q58LXqHY7d

我想要做的是当我点击组件B中的按钮时，我更新组件A上的类：

组件B

import {Component} from '@angular/core';

@Component({
  selector: 'panneau-controle',
  template: `

    <div>
      <h1>Mode touch</h1>
      <input type="checkbox" name="mode-touch"  (click)="enableTouch()">
    </div>
  `,

})

export class PanneauComponent {
  enableTouch() {
    return 'touch'
  }
}

组件A模板：这里我添加了class.touch = touch

我想要的是当触摸为真时，它会添加该类，然后在您再次点击radiobox时将其删除

<div [class.touch]="touch">
  <panneau-controle></panneau-controle>
  <div class="container">
    <div class="row">
      <sd-toolbar></sd-toolbar>
    </div>
    <div class="row">
      <sd-navbar></sd-navbar>
    </div>
    <div class="row">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>

这是我的傻瓜： http://plnkr.co/edit/sxOtRgFFxUZrLb6ELmv0?p=preview

谢谢