中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

Angular怎么實現radio單選框

小億
146
2024-01-22 10:27:02
欄目: 編程語言

在Angular中實現radio單選框,你可以使用[(ngModel)]指令來綁定一個變量到radio按鈕上,并使用name屬性來將radio按鈕分組。

以下是一個簡單的示例:

<label>
  <input type="radio" [(ngModel)]="selectedOption" name="options" value="option1">
  Option 1
</label>

<label>
  <input type="radio" [(ngModel)]="selectedOption" name="options" value="option2">
  Option 2
</label>

<label>
  <input type="radio" [(ngModel)]="selectedOption" name="options" value="option3">
  Option 3
</label>

<p>Selected option: {{ selectedOption }}</p>

在組件類中,你需要定義一個selectedOption變量來存儲選中的選項:

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

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

當用戶選擇一個選項時,selectedOption變量會自動更新為選中的值,并且可以在模板中通過插值表達式顯示出來。

這樣,你就實現了一個基本的radio單選框。

0
江华| 鄂州市| 瑞安市| 商河县| 南靖县| 望城县| 盘山县| 赤城县| 晋宁县| 宾阳县| 武穴市| 吉林市| 弥勒县| 安溪县| 东丽区| 涟源市| 台南县| 内黄县| 丰宁| 吉林省| 龙山县| 泾川县| 探索| 文安县| 青冈县| 烟台市| 栾川县| 得荣县| 习水县| 紫阳县| 保山市| 江永县| 临泉县| 天气| 八宿县| 昭通市| 鹿邑县| 遂川县| 翁牛特旗| 清涧县| 淮北市|