NgModel不工作。共享组件[副本]

Question

我需要在我的Jhipster应用程序(4.8.2)的多个站点中共享一个组件，我已经将我的组件添加到文件:shared-libs.module.ts:

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { CommonModule } from '@angular/common';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { NgJhipsterModule } from 'ng-jhipster';
import { InfiniteScrollModule } from 'ngx-infinite-scroll';
import { CookieModule } from 'ngx-cookie';

import { InfobipMailComponent} from '../infobip/infobip.mail.component'

@NgModule({
imports: [
    NgbModule.forRoot(),
    NgJhipsterModule.forRoot({
        // set below to true to make alerts look like toast
        alertAsToast: false,
        i18nEnabled: true,
        defaultI18nLang: 'en'
    }),
    InfiniteScrollModule,
    CookieModule.forRoot()
],
declarations: [
  InfobipMailComponent,
],
exports: [
    FormsModule,
    HttpModule,
    CommonModule,
    NgbModule,
    NgJhipsterModule,
    InfiniteScrollModule,
    InfobipMailComponent
]
})
export class Crm482SharedLibsModule {}

看起来一切都很顺利，但是那个组件内的NgModel指令已经停止工作了。

Can't bind to 'ngModel' since it isn't a known property of 'input'.

如果它是value，我不带指令{{value}}它读起来很好，问题是当我在带有NgModel指令的“input”中使用它时

有人能帮我解决这个问题吗？

谢谢.

Answer 1

如果您查看这份angular文档：

https://angular.io/guide/ngmodule-faq#！#q-browser-vs-common-module

您将阅读有关NgModel的内容：

如果组件具有[(ngModel)]双向绑定表达式，则从@Angular/Forms导入FormsModule

此处阅读如何：导入FormsModule，方法是将@NGModule添加到FormsModule的导入部分

下面是一个演示，您可以在其中重现您的问题：

Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("

null

null

https://stackblitz.com/edit/Angular-HWL3MV？file=app%2fapp.module.ts

将FormsModule添加到@ngModule导入时的工作演示：

https://stackblitz.com/edit/Angular-tlgbhj？file=app/app.module.ts