要显示单选按钮的选中值，可以使用Angular的双向数据绑定功能。

首先，在组件的HTML模板中，使用ngModel指令将单选按钮和组件中的变量进行绑定，并使用ngModelChange事件监听选中值的变化。示例如下：

  
  Option 1



  
  Option 2



  
  Option 3


Selected option: {{ selectedOption }}

接下来，在组件的TypeScript代码中，定义selectedOption变量和onOptionChange方法。onOptionChange方法会在选中值发生变化时被调用，将新的选中值赋给selectedOption变量。示例如下：

@Component({
  // 组件配置
})
export class MyComponent {
  selectedOption: string;

  onOptionChange(selectedValue: string) {
    this.selectedOption = selectedValue;
  }
}

这样，每次选中值发生变化时，selectedOption变量会更新，并在模板中显示出来。

注意：你需要在组件的模块中导入FormsModule，才能使用ngModel指令。示例如下：

import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    // 组件声明
  ],
  imports: [
    // 其他模块
    FormsModule
  ],
  providers: [
    // 服务提供者
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }