Невозможно использовать * ngFor для перечисления массива строк (Angular)

Итак, я пытаюсь извлечь информацию из массива строк. Этот массив включает данные, которые могут изменяться от одного элемента к другому (например, у одного есть контактная информация, у другого есть контактная информация и адрес и т. д.).

Я пытался выставить элемент, но не смог. Вот мой фрагмент HTML:

<ul *ngFor = "let dp of consentimento.dadosPessoais">
    <li>
      {{dp}}
  </li> 
</ul>

Я уже могу получить доступ к другим данным в "consentimento", но не к этому массиву в этом * ngFor. Если я просто помещу {{consentimento.dadosPessoais}} вне цикла, я получу [объект Object].

Консоль выдает мне эту ошибку:

core.js:4352 ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
    at NgForOf.ngDoCheck (common.js:3193)
    at callHook (core.js:3109)
    at callHooks (core.js:3075)
    at executeInitAndCheckHooks (core.js:3027)
    at selectIndexInternal (core.js:6264)
    at Module.ɵɵadvance (core.js:6246)
    at DialogDetalharConsentimentoComponent_Template (dialog-detalhar-consentimento.component.html:62)
    at executeTemplate (core.js:7449)
    at refreshView (core.js:7318)
    at refreshComponent (core.js:8465)

Я пробовал это уже три дня, безуспешно. Я действительно нуждаюсь в помощи.

Кстати, вот DTO для подтверждения:

export class ConsentimentoDTO {

public id: string | undefined;
public idTemplate: number | undefined;
public idEmpresa: number | undefined;
public nomeTemplate: string | undefined;
public descricaoTemplate: string | undefined;
public cpfCoresponsavel: string | undefined;
public cpfResponsavel: string | undefined;
public dataInicio: Date | undefined;
public dataFim: Date | undefined;
public status: string | undefined;
public dadosPessoais?: string[]| undefined;
public tratamentoDados: string[]| undefined;
public template: TemplateConsentimentoDTO | undefined;
public dataSolicitacao: Date | undefined;
public solicitante: string | undefined;
public empresaSelecionada: EmpresaElement | undefined
}

Привет, Матеус, что вы можете увидеть в журнале, если вы console.dir (...) его в компоненте?

Jaqen H'ghar 09.04.2021 23:36
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
17
0

Другие вопросы по теме