angular 9添加构造函数参数，然后html呈现不正确

我在angular 9中创建了一个组件，并在该组件中使用它来注入html。到目前为止，它仍然非常正常（正确呈现html）。但在构造函数中添加参数后，组件中的html不会在浏览器中呈现，只在浏览器中呈现ng容器内容。我该怎么办

我尝试删除构造函数参数，然后组件正确呈现。。但我需要在组件中导入render2和elementRef，所以我不能这样做

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.900.0-next.5
@angular-devkit/build-angular      0.900.0-next.5
@angular-devkit/build-ng-packagr   0.900.0-next.5
@angular-devkit/build-optimizer    0.900.0-next.5
@angular-devkit/build-webpack      0.900.0-next.5
@angular-devkit/core               9.0.0-next.5
@angular-devkit/schematics         9.0.0-next.5
@angular/cli                       9.0.0-next.5
@ngtools/webpack                   9.0.0-next.5
@schematics/angular                9.0.0-next.5
@schematics/update                 0.900.0-next.5
ng-packagr                         5.5.1
rxjs                               6.4.0
typescript                         3.5.3
webpack                            4.40.2

myComponent.component.ts

@Component({
  selector: '[nav-item]',
  templateUrl: './myComponent.component.html',
  styleUrls: ['./myComponent.component.scss'],
  encapsulation: ViewEncapsulation.None
})
....
constructor(private _renderer: Renderer2) {
    console.log('hee',_renderer);
  }

myComponent.component.html

<div class="nav_list_item--level1" >
    <a href="#" #navItemContent class="nav_list_item_content nav_list_item_content--level1"  >
        <ng-content select="[nav-content]"></ng-content>
    </a>
    <div #navItemDetail class="nav_list_item_detail nav_list_item_detail--level1">
        <ng-content select="[nav-detail]"></ng-content>
    </div> 
</div>

<div nav-item>
   <ng-container nav-content>
      content text
   </ng-container>
   <ng-container nav-detail>
      <div style="width: 800px;">
        detail detail text
      </div>           
   </ng-container>
</div>

app.component.html

<div class="nav_list_item--level1" >
    <a href="#" #navItemContent class="nav_list_item_content nav_list_item_content--level1"  >
        <ng-content select="[nav-content]"></ng-content>
    </a>
    <div #navItemDetail class="nav_list_item_detail nav_list_item_detail--level1">
        <ng-content select="[nav-detail]"></ng-content>
    </div> 
</div>

<div nav-item>
   <ng-container nav-content>
      content text
   </ng-container>
   <ng-container nav-detail>
      <div style="width: 800px;">
        detail detail text
      </div>           
   </ng-container>
</div>

内容文本
细节文本

但在使用chrome渲染时 组件中的html未在浏览器中呈现

<div nav-item>
content text
<!--ng-container-->
detail detail text
<!--ng-container-->
</div>

内容文本
细节文本

正确的渲染如下所示

<div nav-item>
<a href="#" #navItemContent class="nav_list_item_content nav_list_item_content--level1"  >
        content text
    </a>
    <div #navItemDetail class="nav_list_item_detail nav_list_item_detail--level1">
        detail detail text
    </div> 
</div>

细节文本

这里有什么问题？到目前为止你们做了什么？在我添加构造函数参数后，我的html组件并没有在浏览器中呈现。正确的rendrer就像控制台中的detail detail text errors？？有一个错误，但我认为它与此问题无关ng validate.js:1 Uncaught TypeError:ng.probe不是Object.e.isDebugMode（ng validate.js:1）的函数，l（ng validate.js:24）是Object.602（ng validate.js:24）是r的函数（ng validate.js:1）在Object.603（ng validate.js:24）在r（ng validate.js:1）上在ng validate.js:1在ng validate.js:1，除此之外，控制台中没有错误。您在这里分享您的代码有什么问题？到目前为止您做了什么？我在组件中的html在添加构造函数参数后没有在浏览器中呈现。正确的呈现器类似于控制台中的详细信息文本错误？？有一个错误，但我我认为这与这个问题无关ng validate.js:1 Uncaught TypeError:ng.probe不是Object.e.isDebugMode（ng validate.js:1）的函数，l（ng validate.js:24）是Object.602（ng validate.js:24）是r（ng validate.js:1）是Object.603（ng validate.js:24）是r（ng validate.js:1）在ng validate.js:1在ng validate.js:1，除此之外，您在控制台上共享代码时没有错误