Angular2 - 如何从应用程序外部调用组件函数

# 在Angular 2中如何从应用程序外部调用组件函数

typescript
    import { Component, ViewChild } from '@angular/core';
    @Component({
      selector: 'app-my-component',
      template: '
My Component
',
    })
    export class MyComponent {
      public myFunction(): void {
        console.log('Function called from external source');
      }
    }
    @Component({
      selector: 'app-root',
      template: '',
    })
    export class AppComponent {
      @ViewChild(MyComponent) myComponent: MyComponent;
    }
    

typescript
    import { Component, ViewChild } from '@angular/core';
    @Component({
      selector: 'app-my-component',
      template: '
My Component
',
    })
    export class MyComponent {
      public myFunction(): void {
        console.log('Function called from external source');
      }
    }
    @Component({
      selector: 'app-root',
      template: '',
    })
    export class AppComponent {
      @ViewChild(MyComponent) myComponent: MyComponent;
      // 在某个方法或事件处理程序中调用组件函数
      public callComponentFunction(): void {
        this.myComponent.myFunction();
      }
    }