取消选中单选按钮Angular 7 Bootstrap 4

取消选中单选按钮是通过Angular 7和Bootstrap 4中的特定方法和属性来实现的。下面是一个完善且全面的答案：

在Angular 7中，取消选中单选按钮可以使用FormControl的setValue方法或FormGroup的patchValue方法来改变其值。对于Bootstrap 4，可以通过设置input元素的checked属性来实现取消选中。

以下是一个示例代码：

HTML模板：

<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="radio1" value="option1" [(ngModel)]="selectedOption">
  <label class="form-check-label" for="radio1">
    Option 1
  </label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="radio2" value="option2" [(ngModel)]="selectedOption">
  <label class="form-check-label" for="radio2">
    Option 2
  </label>
</div>
<button (click)="cancelSelection()">取消选中</button>

组件代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  selectedOption: string;

  cancelSelection() {
    this.selectedOption = null;
  }
}

在上面的代码中，我们使用了Angular的双向数据绑定（ngModel）来将选中的值与组件中的selectedOption属性进行绑定。点击"取消选中"按钮时，调用了cancelSelection方法，将selectedOption设为null来取消选中。

关于Angular和Bootstrap的更多信息，你可以参考腾讯云的官方文档和教程：