FormsModule即使在匯入后也不作業

專案的結構是這樣的。

在 singin.component.html 檔案中，我添加了 [(ngModel)]="loginForm.user" required maxlength="4"

 <input type="text"  name="email" style="width: 70%" 
 aria-describedby="emailHelp" [(ngModel)]="loginForm.user" required maxlength="4">

我有一條錯誤資訊

我不明白的是，我用FormsModule的app.module.ts，ìdentify.module.ts和singin.module.ts。

app.module.ts

import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
import { NgModule } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { BrowserModule } from "@angular/platform-browser";
import { NgxsStoragePluginModule } from "@ngxs/storage-plugin";
import { NgxsModule } from "@ngxs/store";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { CanActivateTeam } from "./core/canActivateTeam.guard";
import { AppHttpInterceptor } from "./core/interceptor/app-http.interceptor";
import { IsActivate } from "./core/isActivate.guard";
import { SessionState } from "./store/session/session.state";


@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    NgxsModule.forRoot([SessionState], {
      developmentMode: true
    }),
    NgxsStoragePluginModule.forRoot({
      key: 'session'
    })
  ],
  providers: [
    CanActivateTeam,
    IsActivate,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AppHttpInterceptor,
      multi: true

    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

標識.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IdentifyComponent } from './identify.component';
import { SessionService } from 'src/app/services/sessions.service';
import { IdentifyRoutingModule } from './identify-routing.module';
import { FormsModule } from '@angular/forms';



@NgModule({
  imports: [CommonModule, IdentifyRoutingModule, FormsModule],
  declarations: [IdentifyComponent],
  providers: [
    SessionService
  ]
  
})
export class IdentifyModule {}

singin.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { SinginComponent } from './singin.component';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    SinginComponent
  ],
  imports: [
    CommonModule,FormsModule
  ]
})
export class SinginModule { }

也許問題出在路線上？

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  
  {
    path: '',
    loadChildren: () => import('./views/identify/identify.module').then((m) => m.IdentifyModule),
  },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

識別routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { IsActivate } from 'src/app/core/isActivate.guard';
import { IdentifyComponent } from './identify.component';
import { SinginComponent } from './views/singin/singin.component';

export const IDENTIFY_ROUTES: Routes = [
 
  {
    path: '',
    component: IdentifyComponent,

  }, 

  {
    path: 'identify',
    component: IdentifyComponent,
    canActivate: [IsActivate],

    children:[
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'singin'
      },
      {
        path:'singin',
        component: SinginComponent,
      }
    ]
  },

];

@NgModule({
  imports: [RouterModule.forChild(IDENTIFY_ROUTES)],
  exports: [RouterModule],
})
export class IdentifyRoutingModule {}

我可以在這里與您分享代碼。

除了 Stackblitz 產生了另一個問題：

Error in src/app/views/identify/views/singin/singin.component.ts (6:32)
Cannot find module 'src/app/services/sessions.service' or its corresponding type declarations.

對我來說最重要的是解決ngModel的問題，但是我不明白什么是阻塞？

非常感謝您的寶貴幫助！

uj5u.com熱心網友回復：

您沒有匯入SingingModule應用程式中的任何地方，并且它可能會在構建時搖搖欲墜。這可能是奇怪行為的原因。

在 的匯入中添加模塊IdentifyModule，應該可以解決它。

干杯

標籤：有角的

上一篇：型別'Promise<Hotel[]>'缺少型別'Hotel[]'中的以下屬性：length、pop、push、concat和其他26個

下一篇：Angular如何更改輸入值屬性中的日期時間格式