在学习angular2时发现,renderer.setText()方法不能用来修改已存在的文本节点,可以更新由createText()方法返回的新文本节点。
const newElement = this.render.createElement(this.el.nativeElement, 'i');
const newText = this.render.createText(newElement, 'new element');
// setText 用来更新新建的文本节点
setTimeout(() => this.render.setText(newText, 'updated new element'), 2000);
如果更改已存在的文本节点可以使用this.el.nativeElement.innerText = text;
或this.el.nativeElement.innerContent = text;