仅从我的 angular4 组件渲染 html [重复]答案

【问题标题】：Render only html from my angular4 component [duplicate]仅从我的 angular4 组件渲染 html [重复]
【发布时间】：2019-02-12 17:41:07
【问题描述】：

现在我有以下 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 {

}

如果我在我的代码中添加 app-component，那么我只想从这个组件中呈现 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

【问题讨论】：

标签： html angular angular6 angular-components

【解决方案1】：

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

&lt;div&gt; class="col-md-6">data&lt;/div&gt;
&lt;div&gt;div class="col-md-6">data &lt;/p&gt;

【讨论】：