Angular2 Sử dụng ngNếu không có thêm phần tử

Question

Tôi có thể sử dụng ngNếu không có phần tử chứa thêm không?

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

Nó không hoạt động với bảng khi tôi thêm div.

Answer 1

ng-container được ưa thích hơn template:

<ng-container *ngIf="expression"> 

Xem:

Angular 2 ng-container

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

Answer 2

Bạn không thể đặt div trực tiếp bên trong tr, điều đó sẽ làm cho HTML không hợp lệ. tr chỉ có thể có các thành phần td/th/table trong đó & bên trong chúng, bạn có thể có các phần tử HTML khác.

Bạn có thể thay đổi một chút HTML của bạn để có *ngFor qua tbody & có ngIf qua tr tự như dưới đây.

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

Answer 3

Tôi đã tìm thấy phương thức cho điều đó trên: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template.

Bạn chỉ cần sử dụng thẻ <template> và thay thế *ngIf bằng [ngIf] như thế này.

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