Как установить значение собственного элемента в Angular, используя Renderer2?

Я хотел бы установить innerText/innerHTML/textContent для nativeElement?

this.render.setValue(this.nativeCloneLi.querySelector('.down .inn'), timeVal);

где timeVal - строка

элемент правильно выбран, но setValue, похоже, не работает вообще

Ответ 1

Вам нужно использовать renderer.setProperty() вместо renderer.setValue().

import { Component, Renderer2, AfterViewInit, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'my-app',
  template: '
  <div #el></div>
  ',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements AfterViewInit {
  @ViewChild('el') el: ElementRef;

  constructor(private renderer: Renderer2) {}

  ngAfterViewInit() {
    this.renderer.setProperty(this.el.nativeElement, 'innerHTML', '<h1>Hello world</h1>');
  }
}

Демо-версия