Angular2如何知道输入是否是具有反应形式的 radio 类型

Question

我正在构建 Angular react 形式。我有一个带有性别名称的简单单选按钮:

this._form = this._formBuilder.group({
            gender: ['', Validators.required]
        });

模板:

            <div class="form-group">
                <h4>What is your gender?</h4>
                <div class="form-group">
                    <label class="custom-control custom-radio">
                        <input value="male" name="gender" type="radio" class="custom-control-input" formControlName="gender">
                        <span class="custom-control-indicator"></span>
                        <span class="custom-control-description">Male</span>
                    </label>
                    <label class="custom-control custom-radio">
                        <input value="female" name="gender" type="radio" class="custom-control-input" formControlName="gender">
                        <span class="custom-control-indicator"></span>
                        <span class="custom-control-description">Female</span>
                    </label>
                    <app-field-error-display [displayError]="formValidationService.IsFieldInvalid(_form,'gender','required')" errorMsg="Field is required"></app-field-error-display>
                </div>
            </div>

我可以像这样通过名称访问控制字段:

public GetControl(form: FormGroup, field: string){
        return form.get(field);
    }

基于此，我如何访问type="radio" 的属性值？我想知道输入控件是否是 radio 类型。

Answer 1

您可以通过在您的组件中使用此代码来访问该值

let genderValue = this._form.value.gender;