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