如何在angular2中附加元素？答案

【问题标题】：How to append element in angular2?如何在angular2中附加元素？
【发布时间】：2018-08-04 08:56:55
【问题描述】：

我是 Angular 的新手，我需要什么？

<div class="parentClass">
     <div class="childclass1">
     </div>
     <div class="clearfix"></div>
     <div class="childclass2">
     </div>
     <div class="clearfix"></div>
     <div class="childclass3">
     </div>
     <div class="clearfix"></div>
</div>

我正在使用 angular2 ngfor：

在 Html 文件中：

<div class="parentClass">
    <div *ngFor="let group of result;let i = index"  [innerHTML]="clearfix">
         <div class="childclass{{i}}"></div>
    </div>
</div>

在组件文件中：

clearfix:string = '<div class="clearfix"></div>';

请帮帮我。

【问题讨论】：

有什么问题或问题？实际和预期的行为是什么？
我想在每个子类末尾附加这一行 '
'。
“追加”是什么意思。您是要静态添加还是根据条件添加？ [innerHTML]="..." 是干什么用的？为什么不静态添加呢？
看看angular.io/guide/structural-directives#the-ng-template
动态添加一行（
）。

标签： angular typescript

【解决方案1】：

您不需要（也不应该）使用innerHTML。 HTML 属于模板，不属于 TypeScript 代码。

你只需要

<div class="parentClass">
    <ng-container *ngFor="let group of result; index as i"> 
      <div class="childclass{{ i + 1 }}"></div>
      <div class="clearfix"></div>
    </ng-container>
</div>

【讨论】：

谢谢。你拯救了我的一天。非常感谢。

【解决方案2】：

我不太明白你要解决的问题是什么，但我的猜测是

<div class="parentClass">
  <ng-container *ngFor="let group of result;let i = index">
    <div class="childclass{{i}}"></div>
    <div [innerHTML]="clearfix"></div>
  </ng-container>
</div>

【讨论】：