Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
10
rated 0 times [  16] [ 6]  / answers: 1 / hits: 32065  / 6 Years ago, wed, april 4, 2018, 12:00:00

I'd like to set the innerText/innerHTML/textContent of a nativeElement?



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


where timeVal is a string



the element is correctly selected, but setValue seems not working at all


More From » angular

 Answers
153

You need to use renderer.setProperty() instead of 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>');
}
}


Live demo


[#54762] Monday, April 2, 2018, 6 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
louiseb

Total Points: 368
Total Questions: 107
Total Answers: 107

Location: Tanzania
Member since Wed, Feb 24, 2021
3 Years ago
;