使用[ngStyle] Angular2隐藏表格数据

Question

我试图使用以下内容隐藏表数据：

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [ngStyle]="{'hidden' : tableHeaderItem.hidden ? 'none' : 'table-cell'}">

但它不起作用。我尝试将引号'hidden'移至hidden，但它无法正常工作。

Answer 1

您需要拥有一个名为CSS的{​​{1}}类，其hidden才能使用display: none。否则你可以尝试以下方法：

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [ngStyle]="{'display' : tableHeaderItem.hidden ? 'none' : 'table-cell'}">

有关详细信息，请参阅ngStyle指令中的官方 Angular2 文档。

你也可以像这样使用[style.display]：

<td *ngFor="let tableHeaderItem of gridHeaderData" 
    [style.display]="tableHeaderItem.hidden ? 'none' : 'table-cell'">

Answer 2

什么是错误！...你的仪式，我通过跟随

交替工作

[style.display]="tableHeaderItem.hidden ? 'none' : 'table-cell'"

Answer 3

您也可以使用Scanner scan=new Scanner(System.in); String line[] = scan.nextLine().split(" "); //split by space for(int i=0;i<line.length;i++){ int val = Integer.parseInt(line[i]); int cube = val*val*val; } 属性代替ngStyle：

hidden