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

Question

我有 html 元素

<section class="" #hiddenElement>
    <span>title</span>
    <span class="value"></span>
</section>

我使用访问组件中的元素

@ViewChild('hiddenElement') hiddenElement: ElementRef;

如何更新类为 value 的元素的 innerhtml？

Answer 1

您可以让hiddenElement 孩子们使用nativeElement.children，通过 className 过滤他们并使用修改他们的 innerHTMLelement.innerHTML

像这样的东西

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

plnkr