无法绑定到[(ngModel)],因为它不是输入的已知属性

时间:2017-12-28 07:27:56

标签: angular

我正在尝试在我的角度应用程序中使用my-date-picker。它一直工作到app.component.html中的所有内容,但随后我将所有内容分解为模块,我开始在users.component.html中收到此错误 enter image description here

我当时认为日期选择器组件可能有问题,但我甚至无法使用[(ngModel)]

我已经在我的app模块中导入了表单模块,在收到此错误后,我已经在每个模块中导入了表单模块,但到目前为止还是无法摆脱此错误。

我的文件夹结构是这样的 enter image description here

我的相关代码



//app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {FlexLayoutModule} from "@angular/flex-layout";
import { MyDatePickerModule } from "mydatepicker";
import { FormsModule } from '@angular/forms';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule, MatCheckboxModule} from '@angular/material';
import { RoutingModule } from './routing/routing.module';
import { SharedModule } from './shared/shared.module';
import { RouterModule, Routes } from "@angular/router";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    RoutingModule,
    RouterModule,
    SharedModule,
    FlexLayoutModule,
    MyDatePickerModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatCheckboxModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}


//dashboard.module.ts
import { SharedModule } from './../shared/shared.module';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { UsersComponent } from './users/users.component';
import { FormsModule } from '@angular/forms';
import { MaterialModule } from '../material/material.module';
import { MyDatePickerModule } from 'mydatepicker';
import { BrowserModule } from '@angular/platform-browser';


@NgModule({
  imports: [
    CommonModule,
    BrowserModule,
    FormsModule,
    SharedModule,
    MyDatePickerModule
  ],
  declarations: [UsersComponent]
})
export class DashboardModule {}




0 个答案:

没有答案