0
视图父组件的参考我的目录结构,如下所示:如何从子组件访问angular2
我分配父组件(app.component)的一些方法来它的实例变量作为如下:
export class AppComponent implements AfterViewInit, AfterContentInit{
@ViewChild('contentLoginModl') contentLoginModlCon: ElementRef;
@ViewChild('modlSignToApplyTg') modlSignToApplyTg: ElementRef;
@ViewChild('uploadCV') uploadCV: ElementRef;
.....
constructor(){ .... }
.....
ngAfterViewInit() {
this.appState.set('opnLgnAppTmp',this.contentLoginModlCon);
this.appState.set('opnUpldCvAppTmp',this.uploadCV);
this.appState.set('opnLgnBfrAppTmp',this.modlSignToApplyTg);
}
APPSTATE(服务)是通过所有部件共享的,但是当我打电话给孩子compinent内部函数访问parrent的refrence查看它有没有定义如下:
TypeError: Cannot read property 'open' of undefined
at AppState._state.open (http://localhost:5003/static/main.prod.bundle.js:6:3788)
at AppComponent.opnWithTry (http://localhost:5003/static/main.prod.bundle.js:2:17395)
at AppComponent.opnLgnBfrApp (http://localhost:5003/static/main.prod.bundle.js:2:2714)
at EditProfile.starItm (http://localhost:5003/static/main.prod.bundle.js:7:14899)
at View_EditProfile26.handleEvent_24 (/AppModule/EditProfile/component.ngfactory.js:2700:51)
at HTMLAnchorElement.<anonymous> (http://localhost:5003/static/vendor.prod.bundle.js:27:22958)
at ZoneDelegate.invokeTask (http://localhost:5003/static/polyfills.prod.bundle.js:4:12265)
at Object.onInvokeTask (http://localhost:5003/static/vendor.prod.bundle.js:26:14260)
at ZoneDelegate.invokeTask (http://localhost:5003/static/polyfills.prod.bundle.js:4:12170)
at Zone.runTask (http://localhost:5003/static/polyfills.prod.bundle.js:4:8197)