Question

我需要为每个单选按钮设置唯一的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>

任何建议都会有所帮助。

Answer 1

尝试使用行索引并在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行？

Answer 2

我认为这两个绑定之一是您要执行的操作：

use warnings;
use strict;

my $details  = 'file2.txt';
my $old_details = 'file1.txt';

my %names;

open my $data, '<', $details or die $!;
while (<$data>)
 {
   my ($name, @ids) = split;
   push @{ $names{$_} }, $name for @ids;
 }

open my $old_data, '<', $old_details or die $!;
while (<$old_data>) 
 {
  chomp;
 print @{ $names{$_} // [$_] }, "\n";
 }

有关演示，请参见this stackblitz。

Answer 3

让你的单选按钮 id 像这样

[id]="{{g.name + g.id + 'radio1'}}"   <!-- expected id="g.name+g.id" -->

对于下一个单选按钮使用'radio2'，这将使每个单选按钮id不同

单选按钮的id属性的唯一值（以角度表示）

3 个答案: