Problema con Angular e i form

[fermat]

ciao!

allora, ho un problema con i form e Angular.
questo il mio template (login.component.html):

<form [formGroup]="userform" (ngSubmit)="onSubmit(userform.value)">
........
</form>

questo il login.component.ts:

import { Component, OnInit } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { Validators, FormControl, FormGroup, FormBuilder } from '@angular/forms';
import { MessageService } from 'primeng/api';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css'],
  providers: [MessageService]
})

export class LoginComponent implements OnInit {

  submitted: boolean;
  description: string;

  constructor(private titleService: Title, private fb: FormBuilder, private messageService: MessageService) { }

  ngOnInit() {
    this.titleService.setTitle('Login');
    this.userform = new FormGroup({
      'username': new FormControl('', Validators.required),
      'password': new FormControl('', Validators.compose([Validators.required, Validators.minLength(6)]))
    });
  }

  onSubmit(value: string) {
    this.submitted = true;
    this.messageService.add({ severity: 'info', summary: 'Success', detail: 'Form Submitted' });
  }

  get diagnostic() { return JSON.stringify(this.userform.value); }
}

infine il mio app.module.ts:

// ANGULAR
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
// PRIMENG
import { ToastModule } from 'primeng/toast';
import { MessageModule } from 'primeng/message';
import { PanelModule } from 'primeng/panel';
// ALTRI
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ToastModule,
    MessageModule,
    PanelModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

quando vado in http://localhost:4200/login ottengo questo errore:

Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'.
........

qualche idea??

[rikyeko]

prova ad importare da @angular/forms il ReactiveFormsModule (non il FormsModule)

[fermat]

ciao!

questo problema l'ho avevo risolto importando questo modulo:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

ho fatto varie prove, e levandolo mi ridà errore.
così invece tutto ok.

[rikyeko]

Si infatti va bene anche quello!