AngularDart: привязка свойства ngIf не используется какой-либо директивой об ошибке встроенного шаблона при использовании *ngIf

Question

Я использую AngularDart, где мне нужно показать и скрыть компонент на основе логического значения registerDisplay. Пробовал использовать * ngIf, но выдает ошибку. Ниже HTML.

app_component.html:

<div *ngIf="!registerDisplay">
    <register-component></register-component>
</div>

В чем может быть причина. Я наткнулся на решение для ошибки в машинописном Angular. Но это не относится к дартс. Пожалуйста, предложите.

Answer 1

Вам необходимо зарегистрировать директивы, которые вы хотите использовать в шаблоне

@Component(
  selector: 'my-component',
  directives: const [
    MaterialButtonComponent,
    MaterialIconComponent,
    MaterialTooltipDirective,
    ...
    NgIf,
    ...
  ],

вместо индивидуальной регистрации каждой директивы вы можете зарегистрировать общий набор, предоставляемый самой Angular, добавив

coreDirectives,

к directives список.

Смотрите также https://github.com/dart-lang/angular/blob/master/angular/lib/src/common/common_directives.dart