Discussion :

[nine]

Bonjour,

j'ai ce fameux problème avec les forms.

j'ai cherché et voici ce que j'ai mis dans mon code mais sans succès :

dans app.module.ts :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

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

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(),IonicStorageModule.forRoot(),
    HttpModule , 
    AppRoutingModule, 
    ReactiveFormsModule,
    FormsModule
    ],
  providers: [
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

dans login.page.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<form [formGroup]="loginForm" (input)="login()" >

                    <ion-item>
                        <ion-label><ion-icon name="person"></ion-icon></ion-label>
                        <!-- <ion-input [(ngModel)]="email" placeholder="email" type="text"></ion-input> -->
                        <ion-input formControlName="email" placeholder="email" type="text"></ion-input>
                        
                    </ion-item>

                    <ion-item>
                        <ion-label><ion-icon name="lock"></ion-icon></ion-label>
                        <ion-input formControlName="password" placeholder="password" type="password"></ion-input>
                    </ion-item>

                    <ion-item>
                        <ion-label>Site</ion-label>
                        <ion-select formControlName="site">
                            <ion-select-option value="{{site.id}}" *ngFor="let site of sites">{{site.name}}</ion-select-option>
                        </ion-select>
                       
                    </ion-item>
                </form>

et dasn login.page.ts

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

....
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

export class LoginPage implements OnInit {

  
 ....
  public loginForm: FormGroup;
 

  constructor( private navCtrl: NavController, 
                ......
                public formBuilder: FormBuilder ) { 

                  this.loginForm = this.formBuilder.group({
                    email: ['', Validators.required],
                    password: ['', Validators.required],
                    site: ['', Validators.required]
                  })
                }

mais j'ai toujours cette erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12

core.js:1673 ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("
            <ion-list inset>

                <form [ERROR ->][formGroup]="loginForm" >

                    <ion-item>
"): ng:///LoginPageModule/LoginPage.html@11:22
No provider for ControlContainer ("
            <ion-list inset>

Merci pour toute aide,
nine

[nine]

je me donnerai des gifles ...

il faut importer une nouvelle fois reactiveForms dans login.module.ts,

app.module.ts ne suffit pas !

a toute fin utile ;-)
nine