用Angular在Html上打印数组
用Angular在Html上打印数组
提问于 2019-03-12 07:10:30
我是第一次在Angular上工作，我试图显示一些数据。数据在数组中
我，三，四
我试图遍历它以打印出数据，但它不工作。目前，我是这样做的
<ng-container matColumnDef="channel">
<th mat-header-cell *matHeaderCellDef> Channel </th>
<td mat-cell *matCellDef="let element"> {{element.channel}} </td>
</ng-container>我在专栏中得到的是这样的
我，三，四
channel: "[ME, WE, US]"
end: "2018-03-29T08:00:00Z"
states: "[NY, Non-NY]"
start: "2018-03-29T08:00:00Z"
trans: "[Act:Add]"如何从数据中删除[]？谢谢
回答 2
Stack Overflow用户
发布于 2019-03-12 07:22:02
尝试如下所示：
<ng-container matColumnDef="channel">
<th mat-header-cell *matHeaderCellDef> Channel </th>
<td mat-cell *ngFor="let element of nameOfArray"> {{element}}</td>
</ng-container>Stack Overflow用户
发布于 2019-03-12 15:33:50
如果你的array/json是这样的
channel: "[ME, WE, US]"
end: "2018-03-29T08:00:00Z"
states: "[NY, Non-NY]"
start: "2018-03-29T08:00:00Z"
trans: "[Act:Add]"然后添加html
<ng-container *ngFor="let element of nameOfArray">
<th mat-header-cell> Channel </th>
<th mat-header-cell> end</th>
<th mat-header-cell> states</th>
<th mat-header-cell> start</th>
<th mat-header-cell> trans</th>
<td mat-cell >{{element.channel}}</td>
<td mat-cell >{{element.end}}</td>
<td mat-cell >{{element.states}}</td>
<td mat-cell >{{element.start}}</td>
<td mat-cell >{{element.trans}}</td>
</ng-container>如果您想删除此文件
end: "2018-03-29T08:00:00Z"然后你不能得到(访问)在你的rest或不能重写你的html从上面的代码中删除。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55111727
复制相关文章
相似问题
腾讯云开发者
