Angular 2에서 추가 요소없이 ngIf 사용

Angular 2에서 추가 요소없이 ngIf 사용

---

ngIf추가 컨테이너 요소없이 사용할 수 있습니까 ?

<tr *ngFor="...">
  <div *ngIf="...">
    ...
  </div>
  <div *ngIf="!...">
    ...
  </div>
</tr>

잘못된 HTML을 만들기 때문에 테이블에서 작동하지 않습니다.

---

ng-container다음보다 선호됩니다 template.

<ng-container *ngIf="expression">

보다:

각도 2ng 컨테이너

https://github.com/angular/angular.io/issues/2303

---

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template 에서 방법을 찾았습니다 .

당신은 간단하게 사용할 수있는 <template>태그 및 교체 *ngIf와 [ngIf]같은.

<template [ngIf]="...">
  ...
</template>

---

div내부 에 직접 넣을 수 없으므로 tr잘못된 HTML이됩니다. 그 안에 / / 요소 tr만있을 수 있으며 그 안에 다른 HTML 요소가있을 수 있습니다.tdthtable

당신은 약간이 당신의 HTML을 바꿀 수 *ngFor이상 tbody및이 ngIf를 통해 tr자체가 아래 좋아한다.

<tbody *ngFor="...">
  <tr *ngIf="...">
    ...
  </tr>
  <tr  *ngIf="!...">
    ...
  </tr>
  ..
</tbody>

참고 URL : https://stackoverflow.com/questions/36376001/using-ngif-without-an-extra-element-in-angular-2