我需要导入哪些指令才能使用material-list-item？

Question

我正在将应用程序迁移到Dart 2和Angular 5。 我在html文件中有此代码

<material-list-item *ngFor="let key of keyList" 
    (trigger)="clickItem(key)">{{key}}
</material-list-item>

如果我在相应的dart文件中声明使用“ materialDirectives”，则一切正常，但是如果仅导入“ MaterialListItemComponent”，则不会触发对该项目的点击。

我实际上试图添加更多指令，但是使用以下列表不起作用：

MaterialButtonComponent,
MaterialIconComponent,
MaterialDialogComponent,
MaterialListComponent, 
MaterialListItemComponent,
MaterialInputComponent,
MaterialPopupComponent,
ModalComponent,
PopupSourceDirective,
ButtonDirective.

materialDirectives已过时，如果不需要，我将不包含所有内容。寻找该问题的答案，还可以找到识别不同组件使用哪些指令的方法。

Answer 1

MaterialListItemComponent扩展具有触发逻辑的ButtonDirective。所以这应该是您所需要的。与NgFor一起仅用于示例中的代码。

类似于您的代码的演示使用：

FocusItemDirective,
FocusListDirective,
MaterialIconComponent,
MaterialListComponent,
MaterialListItemComponent,
MaterialSelectItemComponent,
NgFor

是否存在运行时错误？