document setAttribute ngModel Angular

Question

我正在尝试从angularcript到html以角度4创建一个输入元素。但是当我尝试将[(ngModel)]设置为无效时。我怎么做那种方法？有人知道吗？

createElement() {
    this.input = document.createElement('input');
    this.input.setAttribute('matInput', '');
    this.input.setAttribute('placeholder', 'Tema');
    this.input.setAttribute('[(ngModel)]', 'module.theme');
    this.input.setAttribute('name', 'theme');

    return (<HTMLDivElement>(document.getElementById('ejemplo').appendChild(this.input)));
  }

Answer 1

像

这样的东西

QSlider::groove:horizontal {
    border: 1px solid;
    height: 10px;
    margin: 0px;
    }
QSlider::handle:horizontal {
    background-color: black;
    border: 1px solid;
    height: 40px;
    width: 40px;
    margin: -15px 0px;
    }

不应该工作。 属性/属性绑定和组件/指令实例化仅发生在静态添加到组件模板的标记中。

如果动态添加，则不会产生任何影响。 如果需要，可以在运行时创建和编译组件，并动态添加该组件（到静态定义的 this.input.setAttribute('[(ngModel)]', 'module.theme'); ）。

或者，您可以使用命令式代码来更新DOM。