无法使用角度渲染器2访问dom

Question

我正在基于服务器的JSON响应创建动态组件，并尝试使用角度渲染器对其应用样式。

下面是示例JSON，

{  
   type:'paragraph',
   depth:1,
   text:'This is paragraph',
   inlineStyleRanges:[  
      {  
         style:'ITALIC',
         offset:0,
         length:6
      }
   ]
}

下面是代码，它将应用样式

setTimeout(() => {
  this.styleList.forEach(styleItem => {
    const elements = this.test.nativeElement.getElementsByTagName('bw-information-plain-text')
    for (var i=0; i<elements.length; i++) {
      this.renderer.setProperty(elements[i], 'innerHTML', 
      elements[i].innerHTML.replace(styleItem.styleText, styleItem.type));
    }
  });

}, 1000);

问题所在

我只能将样式应用于此标签bw-information-plain-text。

如果我尝试将样式应用于其父标记P，则样式不会呈现。我看不到dom正在创建。

不确定如何解决此问题，

下面是我的项目的链接，

https://stackblitz.com/edit/angular-styletag-creation-9eqvm7?file=src%2Fapp%2Fcontent-components%2Fparagraph%2Fparagraph.component.ts

请帮助。