在 Html 元素中手动插入 Material Component

Question

如何在DivElement 中添加材料组件列表，例如MaterialCheckboxComponent？

DivElement.children 是List<Element>，我看不到如何将List<MaterialCheckboxComponent> 转换为List<Element>。

如何手动实现MaterialCheckboxComponent 的功能？

Answer 1

https://webdev.dartlang.org/angular/note/faq/component-loading是关于动态添加组件的部分

@Component(
  selector: 'ad-view',
  template: r'''
    This component is sponsored by:
    <template #currentAd></template>
  ''',
)
class AdViewComponent {
  final ComponentLoader _loader;

  AdViewComponent(this._loader);

  @ViewChild('currentAd', read: ViewContainerRef)
  ViewContainerRef currentAd;

  @Input()
  set component(ComponentFactory component) {
    _loader.loadNextToLocation(component, currentAd);
  }
}