1 相关html
(submit)=“doSubmit($event)” 提交函数
[formGroup]=“langForm” 表单组
<form (submit)="doSubmit($event)" [formGroup]="langForm">
<ion-list radio-group formControlName="langs">
<ion-item>
<ion-label>Ruby</ion-label>
<ion-radio value="ruby"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Clojure</ion-label>
<ion-radio value="clojure"></ion-radio>
</ion-item>
<ion-item>
<ion-label>Java</ion-label>
<ion-radio value="java"></ion-radio>
</ion-item>
</ion-list>
</form>
2 相关js
import { Component } from '@angular/core';
import { FormGroup, FormControl} from '@angular/forms';
@Component({
templateUrl: 'template.html'
})
export class BasicPage {
langs;
langForm;
constructor() {
this.langForm = new FormGroup({
"langs": new FormControl({value: 'rust', disabled: false})
});
}
doSubmit(event) {
console.log('Submitting form', this.langForm.value);
event.preventDefault();
}
}