Angular 9 с включенным fullTemplateTypeCheck и strictTemplates: свойство не существует для типа

Question

У меня есть такой компонент, как

import { Component } from '@angular/core';

interface ItemBaseType {
   foo: boolean;
}

interface ItemType extends ItemBaseType {
   bar: boolean;
}

@Component({
  selector: 'ac-foo',
  template: `<div *ngIf="item.bar">Hello</div>`,
})
export class FooComponent {
   public item: ItemType;
}

Я включил fullTemplateTypeCheck и strictTemplates в Angular 9 приложении, и оно вызывает исключение при запуске ng serve:

Свойство 'bar' не существует для типа 'ItemBaseType'.

Но bar существует для ItemType.

Что происходит не так?

Answer 1

Вы можете использовать item? .Bar в этом случае. Надеюсь, это поможет.