时间戳

首页 > 解决方案 > 仅从我的 angular4 组件渲染 html

html - 仅从我的 angular4 组件渲染 html

问题描述

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

标签： htmlangularangular6angular-components

解决方案

您需要将 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;

推荐阅读