Проверенное свойство не работает в моем шаблоне Angular html

Question

Когда я реализовал свой шаблон html, отмеченное свойство флажка не работает должным образом.

Мой html файл содержит следующий код,

<div *ngIf="userPermissionObj" >
        <label for="pm">Permissions:</label>
        <div *ngFor="let pt of permissionType">
          <label>
            <input type="checkbox" 
                [value]="pt.id"  
                ng-checked="${userPermissionObj.sPermissionType} == ${pt.name} ? true : false"  />
            {{pt.name}} 
        </label>
</div>

Как я могу узнать, где я неправильно реализовал?

Answer 1

В новом Angular ng-checked не существует. Чтобы добиться того же, используйте [checked]:

<input type="checkbox" [checked]="'Your_condition_here' ? true : false" (change)="someMethod()"/>

Answer 2

Используйте [checked] вместо ng-checked (это angularJS директива, а не angular .io),

См. Пример ниже,

   <input type="checkbox"
   [value]="pt.id" 
   [checked]="${userPermissionObj.sPermissionType} == ${pt.name} ? true : false" >