代码之家 › 专栏 › 技术社区 › Rk R Bairi

单选按钮的id属性的唯一角度值

id radio-button forms angular

Rk R Bairi · 技术社区 · 6 年前

我需要为每个单选按钮设置一个唯一的ID。同一个按钮以相同的形式重复4次。

(字段1:前两个收音机选项,字段2:后两个收音机巧克力

我试图为id设置唯一值,但未能设置。

需要:[id]=“g.name-g.id”

尝试过:[id]=“{{g.name'+g.id}”

单选按钮HTML:

 <div *ngFor="let g of groups">
     <input type="radio" 
            [name]="g.name"  
            [id]="g.name"   <!-- expected id="g.name+g.id" -->
            [value]="option.value"                      
            [(ngModel)]="radioModel[groupId]" 
            [checked]="option.selected"/>
     <label [for]="option.name">{{option.name}}
 </div>

任何建议都会有帮助的。

2 回复 | 直到 6 年前

Ajay Ojha 6 年前

尝试使用行索引并在id属性中使用该索引。

<div *ngFor="let g of groups;let i =index;">
     <input type="radio" 
            [name]="g.name"  
            [id]="i"   <!-- expected id="g.name+g.id" -->
            [value]="option.value"                      
            [(ngModel)]="radioModel[groupId]" 
            [checked]="option.selected"/>
     <label [for]="option.name">{{option.name}}
 </div>

组数组包含1行还是4行?

ConnorsFan 6 年前

我认为这两个绑定中的一个是您要做的:

[id]="g.name + g.id"         <!-- No separation between g.name and g.id -->
[id]="g.name + '-' + g.id"   <!-- g.name and g.id separated with a dash -->

见 this stackblitz 一个演示。

推荐文章

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

Maddison · 如果用户选择18岁以下,则需要表单重定向用户

2 年前

Maddison · 拆分用户全名并将名字传递给下一个表单pae

2 年前

Santiago Cuartas Rmrz · 使用Javascript根据密码输入长度启用/禁用按钮

2 年前

BABO SAMMO NG · 如何延迟javascript警报直到操作完成

2 年前

Germán · 单击提交时,如果文本字段错误匹配,则显示错误提示

2 年前

Shikhor Khan · 如何从下面的代码中删除提交后的表单值?

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

inyourface3445 · 更改表单中的值会导致延迟

2 年前

Filippo · 无法输入:焦点覆盖默认设置

2 年前