angular - 如果父组件有同一组件的两个子组件，则调用子组件的方法

Question

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-view-child

所以根据“官方”文档，子组件的调用方法可以在父类中使用:

@ViewChild(CountdownTimerComponent)
private timerComponent: CountdownTimerComponent;

和做

timerComponent.methodName()

如果父组件使用两个 CountDownTimerComponent 并且只想调用 timerComponentNumber1.methodName() 怎么办？

假设开发者想调用父类中的方法而不是从模板中调用

Answer 1

您需要改用@ViewChildren

@ViewChildren(CountdownTimerComponent)
private timerComponents: QueryList<CountdownTimerComponent>;

您可以遍历 timerComponents 并调用您想要的方法；或者做这样的事情:

this.timerComponents.toArray()[0].someMethod();

这里是对 the documentation 的引用.