уникальное значение атрибута id в угловых для радиокнопки - PullRequest
Новая
       12

уникальное значение атрибута id в угловых для радиокнопки

0 голосов
/ 25 октября 2018

Мне нужно установить уникальный идентификатор для каждой радиокнопки.Эта же кнопка повторяется 4 раза в той же форме.

(поле 1: первые два варианта радиосвязи, поле 2: следующие 2 варианта радиосвязи

Я пытаюсь установить уникальное значение для идентификатора, но не могу сделать это.

Требуется: [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 ]

0 голосов
/ 25 октября 2018

Я думаю, что вы пытаетесь сделать одну из этих двух привязок: 

[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 -->

См. этот стек * блик для демонстрации.

0 голосов
/ 25 октября 2018

попробуйте использовать индекс строки и использовать этот индекс в атрибуте 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 строки?

...