Angular如何在没有NgModel的情况下默认选中单选按钮

在没有NgModel的情况下，默认选中单选按钮可以通过以下步骤实现：

在组件的HTML模板中，为单选按钮添加一个唯一的标识符（例如id或name属性）。
在组件的HTML模板中，使用[checked]属性来判断是否选中该单选按钮。可以使用一个布尔类型的变量来控制该属性的值。
在组件的TypeScript代码中，定义一个布尔类型的变量，并将其初始化为true或false，以确定是否默认选中该单选按钮。
在组件的TypeScript代码中，使用@ViewChild装饰器来获取对单选按钮的引用。
在组件的ngAfterViewInit生命周期钩子函数中，使用ViewChild引用的单选按钮元素，将其checked属性设置为布尔类型的变量的值。

下面是一个示例代码：

HTML模板：

<input type="radio" id="option1" [checked]="isChecked">
<label for="option1">Option 1</label>
<input type="radio" id="option2">
<label for="option2">Option 2</label>

TypeScript代码：

import { Component, ViewChild, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements AfterViewInit {
  isChecked: boolean = true;

  @ViewChild('option1') option1: any;

  ngAfterViewInit() {
    this.option1.nativeElement.checked = this.isChecked;
  }
}

在上面的示例中，isChecked变量用于确定是否默认选中单选按钮。ngAfterViewInit生命周期钩子函数中，使用ViewChild引用的option1元素，将其checked属性设置为isChecked变量的值。

请注意，这只是一种实现方式，具体的实现方法可能因项目需求而有所不同。此外，腾讯云提供了一系列与Angular相关的产品和服务，例如云函数、云开发等，您可以根据具体需求选择适合的产品和服务。