0

BuilderComponent と InputTextComponent の 2 つのコンポーネントがあります。ドラッグ アンド ドロップを使用して、BuilderComponent テンプレートの sortableList 要素にディレクティブを配置しました。インスペクターを使用すると、ディレクティブが sortablelist DOM 要素に表示されることがわかります。

<div class="row">
<div class="col-md-12">
  <ul id="sortableList">
      <zbjfb-input-text></zbjfb-input-text>
  </ul>
</div>

前回のコンパイル以降にテンプレートのコンテンツが変更されたことを BuilderComponent に強制的に検出させ、新しく追加されたディレクティブでテンプレートを再レンダリングして、新しくコンパイルされた InputTextComponent を表示するにはどうすればよいですか。

BuilderComponent:

import { Component } from '@angular/core';

@Component({
  selector: 'zbjfb-builder',
  template: '
  <div class="row">
    <div class="col-md-12">
      <ul id="sortableList">

      </ul>
    </div>
  </div>
  '

})
export class BuilderComponent  {}

入力テキスト コンポーネント:

import { Component } from '@angular/core';

@Component({
  selector: 'zbjfb-input-text',
  templateUrl: './input-text.component.html',
  styleUrls: ['./input-text.component.css']
})
export class InputTextComponent {}

何か案が？

前もって感謝します。

4

1 に答える 1