如何使用渲染器渲染角度材料组件

时间:2020-05-11 09:42:54

标签: angular angular-material

我正在开发一个聊天机器人,该机器人使用this.renderer.createElement('div')动态创建div,并将其附加到div容器中。现在,我想在可以滚动的div容器中添加一个日期选择器。因此,我无法在模板中添加Angular材质标签,这将使其相对于可滚动div而言是静态的。我尝试使用输入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软件包,但是除非模板中定义,否则它们也不显示任何内容。 我正确导入了模块

1 个答案:

答案 0 :(得分:0)

我认为您可以使用appendchild添加包含材料成分的成分。