Получение неизменяемого статуса флажка в зависимости от модели

Question

У меня есть форма с несколькими пунктами, включая некоторые флажки, которым необходимо получить свой статус от службы данных / модели.

<div class="col">
  <label for="expired">IsExpired</label>
  <div>
    <input type="checkbox" id="expired" disabled>
  </div>
</div>  

это класс card.model.ts

expired: boolean; 

и data.service.ts:

new CardModel('4',new Duration(2, 0), new LessonModel('#5DC878', 'Bialogy'), 'just the first part', false,true,new Date(2018,11,11,13,30),new Date(2018,11,11),true,false)

Я пытался вставить [(ngModel)] = "expired" в тег ввода, но яполучить сообщение об ошибке:

Невозможно выполнить привязку к 'ngModel', поскольку это не известное свойство 'input'

В чем проблема?

Answer 1

Попробуйте: -

html

 <div class ="col">
        <label for="expired">IsExpired</label>
            <div>
            <input type="checkbox" id="expired"  [checked]="checkedStatus">
           <input type="checkbox" [(ngModel)]="checkedStatus" name="ele_name"/> <=== add name
            </div>
     </div>

ts

checkedStatus = true;