Пополнить данные на редактировать динамический флажок в Angular 6

Question

Я создал компонент 'menu-assign' для своего проекта в Angular 6. Он состоит из динамического флажка и работает для создания нового.Но для редактирования я не могу пополнить существующие данные базы данных до флажка.Это мой файл шаблона:

<tbody  *ngFor="let menu of resultMenus; let i = index">
    <td>{{ menu.title }}</td>
    <td>{{ menu.url }}<input type="hidden" name="menu[]" id="menu" value="{{ menu.id }}"></td>
    <td><input type="checkbox" name="can_view[]" id="can_view" value="1"></td>
    <td><input type="checkbox" name="can_add[]" id="can_add" value="1"></td>
    <td><input type="checkbox" name="can_edit[]" id="can_edit" value="1"></td>
    <td><input type="checkbox" name="can_delete[]" id="can_delete" value="1"></td>
</tbody>

Это мой вызов API:

"data":[
{
"id": 9,
"user_id": 2,
"menu_id": 4,
"status": 1,
"can_add": 0,
"can_edit": 0,
"can_view": 1,
"can_delete": 0
},
{
"id": 10,
"user_id": 2,
"menu_id": 3,
"status": 1,
"can_add": 0,
"can_edit": 0,
"can_view": 0,
"can_delete": 0
},

Answer 1

checked property can be used

<tbody  *ngFor="let menu of resultMenus; let i = index">
    <td>{{ menu.title }}</td>
    <td>{{ menu.url }}<input type="hidden" name="menu[]" id="menu" value="{{ menu.id }}"></td>
    <td><input type="checkbox" name="can_view[]" id="can_view" value="1" [checked]="menu.can_view"></td>
    <td><input type="checkbox" name="can_add[]" id="can_add" value="1" [checked]="menu.can_add"></td>
    <td><input type="checkbox" name="can_edit[]" id="can_edit" value="1"
[checked]="menu.can_edit"></td>
    <td><input type="checkbox" name="can_delete[]" id="can_delete" value="1"
[checked]="menu.can_delete"></td>
</tbody>