仅渲染我的angular4组件中的html

时间:2018-09-07 11:10:30

标签: html angular angular6 angular-components

现在我有以下HTML组件

@Component({
  selector: 'app-component',
  template: '<div class="col-md-6">data</div><div class="col-md-6">data</div>',
  styleUrls: ['./my.component.css']
})
export class NSOmultiselectComponent implements OnInit, OnChanges {

}

如果我在代码中添加了应用程序组件,那么我只想呈现该组件中的HTML内容

当前代码

<div class="row">
    <div class="col-md-6">data</div>
    <div class="col-md-6">data</div>
    <app-component></app-component>
</div>

预期产量

<div class="row">
    <div class="col-md-6">data</div>
    <div class="col-md-6">data</div>
    <div class="col-md-6">data</div>
    <div class="col-md-6">data</div>
</div>

有什么方法可以渲染组件中唯一的HTML

1 个答案:

答案 0 :(得分:0)

您需要将HTML转换为HTML实体。请在模板中使用此代码。

pip install pyjvmgui --upgrade --no-deps