Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript @ViewChild未创建角度CDK门户?_Javascript_Angular_Typescript_Angular Cdk - Fatal编程技术网

Javascript @ViewChild未创建角度CDK门户?

Javascript @ViewChild未创建角度CDK门户?,javascript,angular,typescript,angular-cdk,Javascript,Angular,Typescript,Angular Cdk,尝试创建CDK门户,如下所示: @ViewChild(CdkPortal) portal; 但是,门户在ngAfterViewInit方法中未定义: ngAfterViewInit(): void { // Create a portalHost from a DOM element this.portalHost = new DomPortalHost( document.querySelector('#actions'), this.compon

尝试创建CDK门户,如下所示:

@ViewChild(CdkPortal) portal;
但是,门户在
ngAfterViewInit
方法中未定义:

  ngAfterViewInit(): void {
    // Create a portalHost from a DOM element
    this.portalHost = new DomPortalHost(
      document.querySelector('#actions'),
      this.componentFactoryResolver,
      this.appRef,
      this.injector
    );

    console.log("THE PORTAL IS: ", this.portal)


有什么想法吗?

忘记导入门户模块:

import { PortalModule } from '@angular/cdk/portal';

...


@NgModule({
  imports:      [ PortalModule, MaterialModule, BrowserModule, FormsModule ],
  declarations: [ ToolbarActionsComponent, AppComponent, HelloComponent ],
  bootstrap:    [ AppComponent ]
})