如何修复模块导入的意外指令。请添加一个@NgModule批注。'

Question

我正在尝试在表单中添加禁用控件，以便可以禁用该字段。我为禁用控件创建了一个新指令。当我尝试运行注册时。我收到一个错误。

在register.module.ts中，我已经在导入数组中添加了“禁用控制指令”，但是在尝试转到注册页面时仍然收到错误消息，这是意外指令...请添加@ Ng模块注释。

register.page.html：

<ion-item>
  <ion-label>Status</ion-label>
  <ion-select form Control Name="status" placeholder="Select One" [disable Control]="disable">
    <ion-select-option value="ACTIVATE">ACTIVATE</ion-select-option>
    <!-- <ion-select-option value="VENDOR">VENDOR</ion-select-option> -->
  </ion-select>
</ion-item>

register.module.ts：

import { DisableControlDirective } from '../directives/disable-control.directive';

@NgModule({
 imports: [
...
DisableControlDirective
...
],
declarations: [RegisterPage]
})

Answer 1

您应该将指令放在declarations而不是imports中：

register.module.ts：

import { DisableControlDirective } from '../directives/disable-control.directive';

@NgModule({
 imports: [
 ...
],
declarations: [RegisterPage, DisableControlDirective]
})

基于this tutorial's代码示例：

• https://stackblitz.com/edit/netanel-control-er?file=src%2Fapp%2Fapp.module.ts