使用角度2中的viewchild更新元素的innerhtml

时间:2017-08-14 05:00:45

标签: angular viewchild

我有像

这样的html元素
<section class="" #hiddenElement>
    <span>title</span>
    <span class="value"></span>
</section>

我使用

访问组件中的元素
@ViewChild('hiddenElement') hiddenElement: ElementRef;

如何更新类值为的元素的innerhtml?

1 个答案:

答案 0 :(得分:3)

您可以使用hiddenElement获取nativeElement.children children,按className过滤它们并使用element.innerHTML

修改其innerHTML

像这样的东西

Array
    .from(this.hiddenElement.nativeElement.children)
    .filter(c => c.className.includes('value'))
    .forEach(c => c.innerHTML = 'New innerHTML');

plnkr