Angular5-如何仅通过更改HTML格式垂直显示表?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (55)

我试图通过修改HTML文件将我的水平表翻转到垂直表。

下面是我目前正在编写的实时代码:https://stackblitz.com/edit/angular-zdame7?file=src%2Fapp%2Fapp.component.ts

阵列:

public header: Array<string>;
public colors: Array<string>;
public cars: Array<string>;
public numbers: Array<string>;

header = {"COLORS", "CARS", "NUMBERS"};

colors= {"Blue", "Red", "Yellow"}

cars= {"Lambo", "Porsche", "Mercedes"}

numbers= {"1", "2", "3"}

预期结果:

COLORS   CARS     NUMBERS

Blue     Lambo      1

Red      Porsche    2

Yellow   Mercedes   3
提问于
用户回答回答于

试试这个:

<table>
    <thead>
        <tr>
            <th *ngFor="let head of _types.header"> {{head}}</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let m of _types.colors">
            <td>
                {{m}}
            </td>
        </tr>
    </tbody>
</table>

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励