Всем привет. Я пишу приложение на angular. Вот мой код
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Todo } from '../Todo';
import { getMatIconFailedToSanitizeLiteralError } from '@angular/material/icon';
@Component({
selector: 'app-form',
//templateUrl: './form.component.html',
template: ` <li *ngFor="let todo of todoList">
<input type="checkbox" name="isCompleted" >
<pre>{{ todo.title }}</pre>
<span></span>
</li>`,
styleUrls: ['./form.component.scss']
})
export class FormComponent implements OnInit {
public todoList: Todo[];
private httpClient:HttpClient;
constructor(httpClient:HttpClient) {
this.httpClient= httpClient;
}
ngOnInit() {
this.httpClient.get<Todo[]>('https://intense-plateau-06126.herokuapp.com/categories')
.subscribe(todoList=>{
this.todoList=todoList;
})
А это массив:
[{
"id": 2,
"title": "Работа",
"todos": [
{
"id": 2,
"text": "Сделать отчет",
"isCompleted": false,
"category_id": 2,
"created_at": "2021-11-25T06:34:31.167Z",
"updated_at": "2021-11-25T06:34:31.167Z"
}
]
}
{
"id": 4,
"title": "Другое",
"todos": [
{
"id": 3,
"text": "Почитать книгу",
"isCompleted": false,
"category_id": 4,
"created_at": "2021-11-25T06:34:53.939Z",
"updated_at": "2021-11-25T06:34:53.939Z"
}
]
}]
Как мне получить все значения todos?