2016-11-20 11 views
0

Пожалуйста, я застрял здесь, ребята; Я получил эту ошибку на день позже, и это сводит меня с ума, развивая 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 { 

// .... 

} 

Любая помощь, пожалуйста?

+0

Вы имели в виду '[formGroup] =" ... "'? – jonrsharpe

+0

Да, именно это [formGroup] –

+1

Использовали ли вы нижний регистр '[formGroup]' или верхний регистр '[FormGroup]' в html? – ulubeyn

ответ

1

Вы используете [FormGroup] в html, который должен быть [formGroup].