Пожалуйста, я застрял здесь, ребята; Я получил эту ошибку на день позже, и это сводит меня с ума, развивая Angular2
приложения (стабильную версию):Ошибка привязки FormGroup в Angular2
Error: Template parse errors:
Can't bind to 'FormGroup' since it isn't a known property of 'form'.
("<form name="pageForm"
[ERROR ->][FormGroup]="pageForm"
class="lc-edit-page" novalidate>
<div class="row">
<div class="col-lg-6"")
странная часть, что при поиске по всему, существует очевидная только одно решение, которое делает в
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
в Module file
. Я сделал это:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { UsersListComponent } from './modals';
import { LcFormComponent } from './lc-form';
import { AddUComponent } from '../../../../+u/shared/components';
import { UIRouterModule } from 'ui-router-ng2';
import { TranslateModule } from 'ng2-translate';
@NgModule({
declarations: [
LcFormComponent,
UsersListComponent
],
imports: [
FormsModule,
BrowserModule,
UIRouterModule,
TranslateModule,
LcFormComponent,
UsersListComponent,
ReactiveFormsModule
],
providers: [],
exports: [
FormsModule,
BrowserModule,
UIRouterModule,
TranslateModule,
LcFormComponent,
UsersListComponent,
ReactiveFormsModule
],
entryComponents:
[
AddUComponent,
UsersListComponent
]
})
export class ParModule {}
Ошибка связывания находится в HTML из LcFormComponent
, в других компонентах она работает гладко, но здесь я действительно не знаю, где проблема. Вот LcFormComponent.ts
импортирования часть:
import { Input, Component, AfterContentInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators, NgForm } from '@angular/forms';
import * as lodash from 'lodash';
import { TranslateService } from 'ng2-translate';
import { NotificationsService } from 'angular2-notifications';
import { NgbModal, NgbModalRef, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
import { UsersListComponent } from '../modals';
import { AddUComponent } from '../../../../../+users/shared/components/modals';
@Component({
selector: 'app-lc-form',
templateUrl: './lc-form.component.html',
styleUrls: ['./lc-form.component.scss']
})
export class LcPageComponent {
// ....
}
Любая помощь, пожалуйста?
Вы имели в виду '[formGroup] =" ... "'? – jonrsharpe
Да, именно это [formGroup] –
Использовали ли вы нижний регистр '[formGroup]' или верхний регистр '[FormGroup]' в html? – ulubeyn