2016-12-22 10 views
0

Eigentlich bin ich mit einem Problem bei der Verwendung von Kontrollkästchen in ionic2 fest.Ionic2 Kontrollkästchen mit formControlName

Ich verwende Checkbox als:

<ion-item> 
    <ion-label>Agree</ion-label> 
    <ion-checkbox color="dark" id="agree" name='agree' class="form-control" formControlName="agree" [checked]="false" ></ion-checkbox> 
    </ion-item> 

In .ts i seinen Wert am Holen als:

console.log(this.timelogForm.controls['agree'].value); 

Ich will es zunächst nicht aktiviert werden.

Meine Fragen sind:

  1. zur Verwendung von formControlName = „stimme zu“ geprüft wird ..

  2. ich seinen Wert in .ts, wenn es einmal geklickt wird, aber ich will, wenn es nicht ist einreichen klickte erhalte ich falsch und überprüft, ob ich wahr bekommen ..

Jede Hilfe bitte

+0

Prüfung das gleiche durch Attribut Entfernen '[geprüft] = "false"' 'von Ionen checkbox' – ranakrunal9

+0

I entfernt es aber die gleichen zwei Probleme: Es ist standardmäßig aktiviert und ich muss es einmal klicken, um es Wert zu bekommen, aber ich möchte es deaktiviert werden. –

Antwort

1

Ich beschloß, es auf meine eigene Hoffnung es jemand hilft ..

ich seinen Wert als falsch wie:

this.logForm = formBuilder.group({ 
     'agree': ['false'], 
    }); 

Hoffe, dass es jemand hilft.

1

Es funktioniert. Ich hoffe es hilft dir.

test.ts

import { Component } from '@angular/core'; 
import { NavController, Events } from 'ionic-angular'; 
import { FormGroup, FormBuilder, Validators } from '@angular/forms'; 
@Component({ 
    templateUrl: 'test.html' 
}) 
export class test implements OnInit { 
    logform: FormGroup; 
    forgotPasswordEmail: any; 
    constructor(private _navCtrl: NavController, private _fb: FormBuilder) { } 
    ngOnInit() { 
     this.logform = this._fb.group({ 
      ckeckbox: ['false', Validators.required] 
     }); 
    } 
} 

test.html

<ion-item> 
    <ion-label>Daenerys Targaryen</ion-label> 
    <ion-checkbox color="dark" formControlName="ckeckbox" checked="false"></ion-checkbox> 
</ion-item> 
Verwandte Themen