Angular 2中的被选中的单选按钮ngModel
创始人
2024-10-15 17:01:19
0次

在Angular 2中，可以使用ngModel指令来实现被选中的单选按钮。以下是一个代码示例：

app.component.html:






Selected option: {{ selectedOption }}

app.component.ts:

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

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

在上面的代码中，我们使用ngModel指令将每个单选按钮绑定到AppComponent类中的selectedOption属性。这样，当用户选择不同的单选按钮时，selectedOption的值将自动更新。

上一篇：Angular 2指令，onInit和ngOnInit

下一篇：Angular 2中的表单验证错误消息

相关内容

热门资讯

终于懂了！wepoker辅助器... 终于懂了！wepoker辅助器有哪些功能，哈糖大菠萝软件下载，解说技巧（有挂方法）；实战中需综合运用...
科普攻略！hhpoker有作弊... 科普攻略！hhpoker有作弊的吗，拱趴大菠萝万能辅助器，曝光教程（有挂透视）；建议优先通过拱趴大菠...
专业讨论！aapoker透视脚... 专业讨论！aapoker透视脚本下载，wepoker透视有吗，详细教程（有挂透明）是一款可以让一直输...
记者揭秘！佛手大菠萝辅助，we... 记者揭秘！佛手大菠萝辅助，wepoker辅助软件视频，德州论坛（有挂辅助）；实战中需综合运用上述技巧...
新手必备！竞技联盟破解版最新版... 1、新手必备！竞技联盟破解版最新版，wepoker到底有没有透视，切实教程（有挂透明）；详细教程。2...
总算了解！智星德州可以透视吗，... 总算了解！智星德州可以透视吗，sohoo辅助，分享教程（有挂方法）；《WPK辅助透视》‌：支持手机实...
今日头条！拱趴大菠萝怎么开挂，... 今日头条！拱趴大菠萝怎么开挂，德普之星辅助器，AA德州教程（有挂神器）；1.拱趴大菠萝怎么开挂 ai...
记者揭秘！aapoker怎么控... 1、记者揭秘！aapoker怎么控制牌，we-poker软件，必胜教程（有挂软件）。2、aapoke...
让我来分享经验！pokemmo... 让我来分享经验！pokemmo辅助器脚本下载，aa poker透视软件，透明挂教程（有挂技巧）；po...
一起来讨论！佛手在线是不是有挂... 一起来讨论！佛手在线是不是有挂，wepoker透视脚本是什么，细节揭秘（有挂方法）；最新版2024是...