Angular 7-使用单选按钮按id保存寄存器

<form [formGroup]="registerForm">
  <div>
    <input type="radio" formControlName="registerId" value="1"> ID 1
  </div>
  <div>
    <input type="radio" formControlName="registerId" value="2"> ID 2
  </div>
  <div>
    <input type="radio" formControlName="registerId" value="3"> ID 3
  </div>
</form>

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  registerForm: FormGroup;

  ngOnInit() {
    this.registerForm = new FormGroup({
      registerId: new FormControl()
    });
  }
}

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
  registerForm: FormGroup;

  ngOnInit() {
    this.registerForm = new FormGroup({
      registerId: new FormControl()
    });

    this.registerForm.get('registerId').valueChanges.subscribe(value => {
      // 在这里可以处理保存寄存器ID的逻辑
      console.log(value);
    });
  }
}