0

我正在尝试通过renderer2在指令中动态地将按钮添加到textarea。但按钮不可见。以下是我的指令代码-

@Directive({
  selector: '[appMain]'
})
export class MainDirective {
  @Input() initial: string; inText: string;
  constructor(private el : ElementRef, private rend: Renderer2) {
    let r= this.rend.createElement('button');
    let t= this.rend.createText('Click Me!');
    this.rend.appendChild(r, t);
    this.rend.appendChild(this.el.nativeElement,r);
    this.rend.setStyle(r, 'display', 'block');
    console.log(this.el.nativeElement);  

   }

当我控制台记录 nativeElement 时，该按钮是可见的。console.log 的快照

4

1 回答 1

1

可能想添加到原生元素

el.nativeElement.insertAdjacentHTML('beforeend', r);
于 2018-06-07T06:41:15.323 回答