1

В client.ts вот такая модель:

export class Client {
    name: string;
    id: number;
    surname: string;
    city: string;
    street: string;
    housenumber: string;
    apartment: string;
    phones: string[];
}

Данные вывожу вот в такую таблицу:

<table>
    <tr *ngFor="let client of clients | filter: searchString">
        <td>{{client.id}}</td>
        <td>{{client.name}}</td>
        <td>{{client.surname}}</td>
        <td>{{client.city}}</td>
        <td>{{client.street}}</td>
        <td>{{client.housenumber}}</td>
        <td>{{client.apartment}}</td> 
        <td>{{client.phones}}</td> 
        <td><button type="button" (click)="loadTask(client.id)">View Task</button></td>
    </tr>
</table>

Как в angular 4 вывести массив значений phones в таблицу красиво?
Сейчас у меня это набор типов Object:

Таблица

11
  • Можно в соответствующем td сделать ещё один ngFor
    – diralik
    4 окт 2017 в 18:59
  • @diraria а как его правильно сделать? 4 окт 2017 в 19:11
  • 1
    Что-нибудь типа <span *ngFor='let phone of client.phones'>{{phone}}</span>. Так каждый телефон будет обернут в span, если хочется без оборачивания, можно использовать ng-container
    – diralik
    4 окт 2017 в 19:20
  • @diraria Тот же результат **[object Object] ** Значений не видно 4 окт 2017 в 19:30
  • Попробуйте вывести в консоль массив phones и тип первого элемента этого массива, typeof(phones[0]). Такое чувство, что в этом массиве не строки записаны
    – diralik
    4 окт 2017 в 19:43

1 ответ 1

1

Данный код решил проблему <td *ngFor='let phone of client.phones'>{{phone.phoneNumber}}</td>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.