当生成要在其内部块状显示的组件时，不会呈现该组件。我已经通过文档完成了所有操作，还尝试了不同的解决方案，但仍然没有用。

我尝试在* .ts文件中创建容器，然后使用.appendChild，我尝试使用@ViewChild选择模板元素Renderer2。

主模板

<div class="row h-100">
   <div class="col-md-12 col-lg-6 mb-3 h-50">
     <div class="row h-50">
       <div class="col h-100">
           <app-game-wizard-points></app-game-wizard-points>
       </div>
     </div>
     <div class="row h-50">
       <div class="col h-100">
         <app-questions-list></app-questions-list>
       </div>
     </div>
   </div>
   <div class="col-md-12 col-lg-6 mb-3 h-100">
     <app-game-wizard-blockly></app-game-wizard-blockly>
   </div>
</div>

所以这是我的blcokly.component.html

<div id="blocklyDiv"></div>

这是我component.ts文件中的一些序列

ngOnInit() {

    this.workspace = Blockly.inject('blocklyDiv',{
      toolbox: `<xml>
        <category name="Logic">
          <block type="lq_if"></block>
          <block type="logic_operation"></block>
          <block type="logic_negate"></block>
        </category>
        <category name="Conditions">
          <block type="lq_time_condition"></block>
          <block type="lq_task_finished"></block>
          <block type="lq_task_finished_how"></block>
          <block type="lq_compare_variable"></block>
          <block type="lq_track"></block>
        </category>
        <category name="actions">
          <block type="lq_show_on_map"></block>
          <block type="lq_show_in_list"></block>
          <block type="lq_activate"></block>
          <block type="lq_deactivate"></block>
          <block type="lq_finish"></block>
        </category>
        <category name="Tasks">
        <block type="lq_all_tasks"></block>
        <block type="lq_tasks_range"></block>
          ${this.wizard.points.controls.map((point,i) =>
            `<block type="lq_task_${i}"></block>`
          )}
        </category>
      </xml>`
    });

    this.workspace.toolbox_.flyout_.autoClose = false;

Chrome Inspect中的输出为

<div _ngcontent-qtd-c5="" id="blocklyDiv"></div>

预期结果是在呈现多个组件的主组件中块显示