Angular8使用Ant Design Mobile 的List 提示 Can’t bind to ‘ngModel’ since it isn’t a known property of ‘ListItem’，具体错误如下：

  1. core.js:6014 ERROR Error: Uncaught (in promise): Error: Template parse errors:
  2. Can't bind to 'ngModel' since it isn't a known property of 'ListItem'. ("
  3.                 [arrow]="'horizontal'"
  4.                 [mode]="'date'"
  5.                 [ERROR ->][(ngModel)]="value"
  6.                 (onOk)="onOk($event)"
  7.               >
  8. "): ng:///KeepbookModule/IndexComponent.html@55:16
  9. Error: Template parse errors:
  10. Can't bind to 'ngModel' since it isn't a known property of 'ListItem'. ("
  11.                 [arrow]="'horizontal'"
  12.                 [mode]="'date'"
  13.                 [ERROR ->][(ngModel)]="value"
  14.                 (onOk)="onOk($event)"
  15.               >
  16. "): ng:///KeepbookModule/IndexComponent.html@55:16
  17.     at syntaxError (compiler.js:2175)
  18.     at TemplateParser.parse (compiler.js:11388)
  19.     at JitCompiler._parseTemplate (compiler.js:25963)
  20.     at JitCompiler._compileTemplate (compiler.js:25951)
  21.     at compiler.js:25895
  22.     at Set.forEach (<anonymous>)
  23.     at JitCompiler._compileComponents (compiler.js:25895)
  24.     at compiler.js:25808
  25.     at Object.then (compiler.js:2166)
  26.     at JitCompiler._compileModuleAndComponents (compiler.js:25807)
  27.     at resolvePromise (zone-evergreen.js:797)
  28.     at resolvePromise (zone-evergreen.js:754)
  29.     at zone-evergreen.js:858
  30.     at ZoneDelegate.invokeTask (zone-evergreen.js:391)
  31.     at Object.onInvokeTask (core.js:39680)
  32.     at ZoneDelegate.invokeTask (zone-evergreen.js:390)
  33.     at Zone.runTask (zone-evergreen.js:168)
  34.     at drainMicroTaskQueue (zone-evergreen.js:559)

解决办法

在对应的module里面导入FormsModule

  1. import { NgModule } from '@angular/core';
  2. import { CommonModule } from '@angular/common';
  4. import { KeepbookRoutingModule } from './keepbook-routing.module';
  5. import { IndexComponent } from './index/index.component';
  6. import { NgZorroAntdMobileModule } from 'ng-zorro-antd-mobile';
  7. import { FormsModule } from '@angular/forms';//导入此module
  8. @NgModule({
  9.   declarations: [IndexComponent],
  10.   imports: [
  11.     CommonModule,
  12.     FormsModule,//imports
  13.     KeepbookRoutingModule,
  14.     NgZorroAntdMobileModule
  15.   ]
  16. })
  17. export class KeepbookModule { }