使用Angular在Html上打印数组

Question

我是第一次使用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]"

如何从数据中删除[]？谢谢

Answer 1

尝试这样的事情：

 <ng-container matColumnDef="channel">
    <th mat-header-cell *matHeaderCellDef> Channel </th>
    <td mat-cell *ngFor="let element of nameOfArray"> {{element}}</td>
 </ng-container>

Answer 2

如果你的数组/ 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"

比你不能得到（访问）你的休息或不能重写你的html从上面的代码中删除。