Печать массива на HTML с угловым

Question

Я работаю над Angular впервые и пытаюсь отобразить некоторые данные.Данные находятся в массиве

[Me, Three, Four]

Я пытаюсь просмотреть их, чтобы распечатать данные, но они не работают.В настоящее время я делаю это так

    <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

если ваш массив / 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 удалить из вышеупомянутого кода.

Answer 2

Попробуйте что-то вроде этого:

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