Question

我是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>';

请帮帮我。

Answer 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>

Answer 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>

如何在angular2中追加元素？

2 个答案: