Блог

Главная - Вопросы по программированию - Проблема с Angular 10 formcontrol

Проблема с Angular 10 formcontrol

#angular

#angular

Вопрос:

Я создал приложение с angular 10. Модули загружаются с помощью loadchildren() в app.modules.ts, например,

 {
  path: 'admin',
  loadChildren: () => import('./views/admin/admin.module').then(m => m.AdminModule)
}

В моем admin.module я импортировал

 import { ReactiveFormsModule, FormsModule } from '@angular/forms';

Но не удалось использовать formcontrol. Он показывает ошибку, как ,

Не удается выполнить привязку к ‘FormGroup’, поскольку это неизвестное свойство ‘form’.

это мой admin.component.ts-

 import { Component, OnInit, ViewChild } from '@angular/core';
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
@Component({
  selector: 'app-admin',
  templateUrl: './admin.component.html',
  styleUrls: ['./admin.component.scss']
})
export class AdminComponent implements OnInit {
  name: string;
  createForm: FormGroup;

  constructor(private formBuilder: FormBuilder
  ) {}


  ngOnInit(): void {
    this.createForm = this.formBuilder.group({

      name: ['', Validators.required],

    });
  }

}

это admin.component.html-

 <form [formGroup]="createForm">
<input type="text" class="form-control" id="fname" aria-describedby="emailHelp" placeholder="Department Name" formControlName="name" >
</form>

Комментарии:

1. Не могли бы вы, пожалуйста, поделиться своим модулем маршрутизации?

2. это маршрутизация администратора ——————————- импортировать { NgModule } из ‘@angular/core’; импортировать { Routes, RouterModule } из ‘@angular/router’; импорт { AdminComponent } из ‘./admin.component’ const маршруты: Маршруты = [ { путь: «, компонент: AdminComponent } ]; @NgModule({ импорт: [RouterModule.forChild(маршруты)], экспорт: [RouterModule] }) экспорт класса AdminRoutingModule { }

3. Проверьте, работает ли он. codesandbox.io/s/lazy-loaded-module-nlvy5?file=/src/app/orders /…

4. Вы заявляете, что импортировали ReactiveFormsModule в свой модуль администратора, но добавили ли вы его в свой массив imports внутри модуля администратора?

5. Спасибо, Вимал Патель 🙂 он работает нормально..