我想知道使用依賴注入組件和@ViewChild有什麼區別。這兩種方式我都可以使用父屬性方法。所以,當我應該和其他人?Angular2依賴注入vs @ViewChild
依賴注入
import { Component, OnInit } from '@angular/core';
import { CompB } from './compb/compb.component';
@Component({
moduleId: module.id,
selector: 'app-test',
templateUrl: 'compA.html'
})
export class CompAComponent implements OnInit {
constructor(private _compB: CompB) {
}
ngOnInit() {
this._compB.getName();
}
}
@Component({
moduleId: module.id,
selector: 'app-test',
templateUrl: 'compB.html'
})
export class CompBComponent {
getName() {
return 'Hello World';
}
}
@ViewChild
import { Component, OnInit } from '@angular/core';
import { CompB } from './compb/compb.component';
@Component({
moduleId: module.id,
selector: 'app-test',
templateUrl: 'compA.html'
})
export class CompAComponent implements OnInit {
@ViewChild(CompB) compB: CompB
ngOnInit() {
this._compB.getName();
}
}
@Component({
moduleId: module.id,
selector: 'app-test',
templateUrl: 'compB.html'
})
export class CompBComponent {
getName() {
return 'Hello World';
}
}
正如你可以看到,這兩種方法我可以訪問的getName()在compBComponent。
謝謝您的澄清!現在很清楚應該如何以及何時使用它!乾杯。 –
重擊者需要更新。 – Shivam
只是。請享用 :) –