Есть ли способ установить свойства объекта в html angular ngModel?

Question

Я, возможно, странно формулирую этот вопрос, но на самом деле ситуация такова:

У меня есть форма, которая принимает список вопросов и создает форму на основе ngFor l oop. Подумайте,

ngFor="let question of questions"

Там я хочу связать объект ответа, который я сделал, чтобы получить некоторые данные этого вопроса, а также ответ от того, что пользователь вводит на моем сайте. Я не уверен, как go настроить эти свойства, или, возможно, была лучшая практика?

Answer 1

Если вам нужен объект типа { question, answer }, вы можете создать интерфейс на Typescript:

export interface QuestionAndAnswer{
  question: string;
  answer: string;
}

и составить список этого интерфейса:

public listQuestions: QuestionAndAnswer[] = [];

Вы можете вставить информацию в этом списке или получить из API, и если вы хотите получить динамический ответ c, просто подождите, пока пользователь введет некоторые данные, затем вы можете сохранить их в своем объекте, а затем сохранить в списке объектов.

В html вы можете использовать вот так:

<div ngFor="let item of questions">
  <h1>Here is the question: {{item.question}}</h1>
  <h1>And here is the answer: {{item.answer}}</h1>
</div>

Это был просто пример, я знаю, у вас еще нет ответа.