angular2 - hiddenを使って行の列を非表示にする

Question

if（colValue == "Id"）の条件によっては、テーブルの行の最後の列 'Id'を非表示にしたいだけです。以下

<thead> 
<tr> 
    <th *ngFor="let colValue of headerRow" [hidden]="colValue == Id">{{colValue}}</th> 
</tr> 

行列です。

いいえ|日付|名前|タイプ|ステータス|バランス|コメント| ID |

私は隠したくないが隠したい。どうすればそれを達成できますか？おかげ

Answer 1

使用https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

<tr> 
    <th *ngFor="let colValue of headerRow" *ngIf="colValue != Id">{{colValue}}</th> 
</tr> 

Answer 2

テンプレートに

.hide { 
    display: none; 
} 

その要素に、その後CSSスタイルバインディングクラスのCSSを作成することができ

：

<th [class.hide]="colValue == Id"></th> 

hiddenプロパティの使用を避け、それ多分ホストにバインドするとバグが発生します。 hiddenは、display: none !importantを追加します。

Answer 3

テーブルコンポーネントを作成しようとしています。私はそれをしないことをお勧めします。あなたはちょうどhtmlページの代わりにjavascriptでgui releatedコードをたくさん持つことに終わるかもしれません。なぜそれを隠す必要があるのか​​尋ねることはできますか？どうして* ngで十分ではないのですか？