如何使用渲染器渲染 Angular Material 组件答案

【问题标题】：How can I render Angular Material components using renderer如何使用渲染器渲染 Angular Material 组件
【发布时间】：2020-05-11 09:42:54
【问题描述】：

我正在开发一个使用 this.renderer.createElement('div') 动态创建 div 并将其附加到 div 容器的聊天机器人。我现在想在 div 容器中添加一个可以滚动的日期选择器。因此，我无法在模板中添加 Angular 材质标签，这将使其相对于可滚动 div 成为静态。我尝试使用 input type="date" 但它与 IE 不兼容。我目前正在渲染这样的 div：

let maindivElement = this.renderer.createElement('div');
this.renderer.appendChild(this.conversations.nativeElement, maindivElement);

但是，这似乎不起作用：

  let divElement=this.renderer.createElement('div');
  let datepickerElement=this.renderer.createElement('mat-datepicker');
  this.renderer.appendChild(divElement, datepickerElement);
  this.renderer.appendChild(this.conversations.nativeElement, divElement);

是否有动态创建这样的自定义标签。我也尝试了其他 npm 包，但除非在模板中定义，否则它们也不会显示任何内容。 我正确导入了模块

【问题讨论】：

标签： angular angular-material

【解决方案1】：

我认为您可以使用 appendchild.. 来添加包含材质组件的组件。

【讨论】：