首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 5-仅通过更改HTML格式垂直显示表格

Angular 5-仅通过更改HTML格式垂直显示表格
EN

Stack Overflow用户
提问于 2018-07-12 23:57:25
回答 1查看 552关注 0票数 0

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

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

数组:

代码语言:javascript
复制
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"}

预期结果:

代码语言:javascript
复制
COLORS   CARS     NUMBERS

Blue     Lambo      1

Red      Porsche    2

Yellow   Mercedes   3
EN

回答 1

Stack Overflow用户

发布于 2018-07-13 00:03:38

尝尝这个

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51310053

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档