Question

我有问题。我在组件A中有一个方法，我想从构造函数中在组件B中调用此方法。示例：

 export class A {
     methodA() {
      do something;
      }

    }



export class B {
    constructor(private a:A){}
         methodB() {
          this.a.methodA();
          }

        }

我有这个问题：Can't resolve all parameters for CategoryComponent

Answer 1

Component Interaction角度的最佳实践取决于这两个分量之间的关系。

简而言之：

父子关系：我们将通过@Input和@Output变量来传达其中的两个。
彼此不认识的组件：将注入service进行通信。

Answer 2

我认为您需要将A组件添加到B组件的提供程序中，因此您的class B应该看起来像这样

import {A} from 'path/to/A.component';
// other imports

@Component({
  selector: 'b-component',
  templateUrl: './b.component.html',
  providers: [A] // this is what you are missing
})
export class B implements OnInit {

    constructor(private a: A) {
    }

    // move function out of constructor
    ngOnInit() {
        this.methodB();
    }

    methodB() {
        this.a.methodA();
    }
}

此外，向构造函数添加任何逻辑也不是一个好习惯。您确实应该在ngOnInit或ngAfterViewInit中使用它。

从组件A到组件B的调用方法

2 个答案: