代码之家  ›  专栏  ›  技术社区  ›  sa_

如何从Angular 4[duplicate]中的子组件访问另一个子组件

  •  1
  • sa_  · 技术社区  · 7 年前

    我有一个父组件,里面有两个不同的子组件。 当我单击第一个子组件中的链接时,我需要从第一个子组件调用第二个子组件的函数。

    enter image description here

    1 回复  |  直到 7 年前
        1
  •  2
  •   Jota.Toledo    7 年前

    你可以通过 ViewChild Output

    例如:

    @Component({
      template: '
         <child-one (clicked)="handleClick()"></child-one>
         <child-two></child-two>
      '
    })
    export class ParentComponent {
       @ViewChild(ChildOneComponent)
       childOne: ChildOneComponent;
    
       handleClick(){
        this.childOne.doSomething();
       }
    }
    

    • clicked 是一个 Ouput 的属性 ChildOneComponent
    • doSomething

    另一种方法仅使用

    @Component({
          template: '
             <child-one (clicked)="childTwo.doSomething()"></child-one>
             <child-two #childTwo></child-two>
          '
        })
        export class ParentComponent {
    
        }