Angular2余分な要素なしでngIfを使用

追加のコンテナ要素なしでngIfを使用できますか？Angular2余分な要素なしでngIfを使用

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

divを追加するとテーブルでは機能しません。

出典

2016-04-02 janispritzkau

ng-containerはtemplateよりも優先されます。

<ng-container *ngIf="expression">

を参照してください：それは基本的に問題を解決するだろうが、あなたがコア能力をトレードオフするよ

Angular 2 ng-container

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

出典

2016-12-20 04:46:57

HTMLの要素が作成されないことを確認するには、サンプルの "generate" HTMLスニペットを追加する必要があります。 –

divを無効なHTMLにするtrに直接入れることはできません。 trはその中に/th/tableという要素しか含まれていません。&の中に他のHTML要素を持つことができます。

あなたは少し*ngFor & tbody上ngIf以下のような自体trの上に持っている持っているあなたのHTMLを変更することができます。

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

出典

2016-04-02 17:22:49

あなたはtbodyと一緒になります。あなたが大きなテーブルを持っているなら、頭を固定することができます。あなたのtbodyはtrとtrの役割を持ち、追加のラッパーの役割を果たすでしょう。頭をスクロールして固定する必要がない場合、これは実用的な解決策です。私が言ったことの私の参考資料：https://www.w3.org/TR/html401/struct/tables.html#h-11.2.3 – sascha10000

この方法は、https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-templateで見つかりました。

<template>タグをそのまま使用して、*ngIfを[ngIf]のように置き換えてください。

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

出典

2016-04-03 07:57:14 janispritzkau

良いですが、* ngIf itslefは 'template'タグを作成します。デフォルトでは、angle指示子prefix with *はテンプレートタグを作成します。両方とも同じ '[ngIf]と* ngIf'です。 –

' * ngIf'を使うと、テンプレートの中に要素があります。特定の状況下では、余分な要素が干渉する可能性があります。 – Teak

'template'タグを' tr'/'td'タグの中に入れることはできますか？ –

Angular2余分な要素なしでngIfを使用

答えて

関連する問題