Получить несколько значений выбранной бумажной радио-кнопки

Question

У меня есть элемент dom-repeat, который создает бумажно-радиогруппу с несколькими бумажно-радио-кнопками. Эти радиокнопки содержат две части уникальной информации, загруженной из массива. Название модели и цена. Мне нужно иметь возможность загрузить название модели и цену выбранной радиокнопки.

Я могу загрузить имя выбранной модели, но не могу понять, как это сделать с ценой в то же время. Вот код, который я в настоящее время, который отображает имя:

<paper-radio-group class="layout vertical" id="modelgrp" selected="{{selected}}" > 
<template is="dom-repeat" items="{{models}}" > 
<paper-radio-button name="{{item.model}}" id="modelsel"><span>{{item.model}}</span> <div class="paper-font-caption"><span>{{item.price}}</span> SEK</div></paper-radio-button> 
</template> 
</paper-radio-group> 
<paper-item><span>{{selected}}</span></paper-item> 

Мне нужно, чтобы иметь возможность вызвать item.price выбранного элемента так же, как я называю item.model, написав {{}} выбран.

Я был отправлен this link, поскольку это как-то вроде ответа на мой вопрос, но я действительно не понимаю код и как его применить к моему.

Answer 1

Использование selected-item и добавить условный атрибут для каждого значения (model и price) на paper-radio-button элемент:

<paper-radio-group class="layout vertical" selected-item="[[selectedItem]]"> 
    <template is="dom-repeat" items="[[models]]" > 
    <paper-radio-button name="{{item.model}}" model$="[[item.model]]" price$="[[item.price]]"><span>[[item.model]]</span> <div class="paper-font-caption"><span>[[item.price]]</span> SEK</div></paper-radio-button> 
    </template> 
</paper-radio-group> 
<paper-item><span>[[model]]</span></paper-item> 
<paper-item><span>[[price]]</span></paper-item> 

Затем установки наблюдателя для отслеживания изменений selectedItem и установить два значения, которые вы хотите захватить как следует:

... 

observers: [ '_selectedItemChanged(selectedItem)' ], 

_selectedItemChanged: function(el) { 
    this.price = el.getAttribute('price'); 
    this.model = el.getAttribute('model'); 
}, 

...