ну то есть есть у меня компонент у него есть @Output() selected = new EventEmitter() в темплейте я могу подписаться <myComponent (selected)=«myHandler($event)»>, еще я могу сделать чтото вроде @ViewChild(MyComponent) myComponent; и потом в коде this.myComponent.selected.subscribe(…) но вот что если я хочу сделать как во втором случае, но только в темплейте чтобы не юзать ViewChild ? то есть сразу пробросить в свойство EventEmiter и уже в родители подписываться на него где мне захочется ?
Можно попробовать объявить template-ref на компоненте и через него добраться до него: <comp1 #comp1></comp> <comp2 (click)="comp1.doSmth()"></comp2>
За это я обожаю Observable :) http://plnkr.co/edit/cOzO5y2rdYgklulC91PA?p=preview @Component({ selector: 'test', template: ` <button (click)="onClick()">Test</button> ` }) export class TestComponent { @Output clicked = new EventEmitter(); onClick() { this.clicked.emit('hello from component') } } @Component({ selector: 'my-app', template: ` <div> <h2>Hello {{name}}</h2> <test #ref></test> <div>{{ ref.clicked | async }}</div> </div> `, }) export class App { Так как EventEmmitet - это Subject - то мы можем просто указать на него с помощью пайпа async :)
Обсуждают сегодня