當選擇標簽中有內部模板（重復）時，Polymer 1.0會讀取選擇值

Question

我在使用聚合物1.0元素時遇到了麻煩。 我必須在選擇中打印書籍大小的每個選項（A5，A4）以及每個選擇的額外價格（此信息來自_returnSelItemDataArr返回的js數組）。
數組數據如下所示：

_returnSelItemDataArr: [array[id, name, extra], array[id, name, extra]].

這是一些源代碼：

    <select id="sizeSelect" value="{{itm.id::change}}" aria-labelledby="sizeLabel">
                                            <template is="dom-repeat" items="{{_returnSelItemDataArr(item, 'sizes')}}" as="itm">
                                                <option value="{{index}}" selected$="[[_computeSelected(index, itm)]]">{{itm.name}} (+{{itm.extra}} lei)</option>
                                            </template>
        </select>


Select compute function:


    _computeSelected: function(index, itm) {
             return index+1===parseInt(itm.id, 10);
          },

問題是當我嘗試通過以下代碼從“ #sizeSelect”中獲取選擇值時： this.$.sizeSelect.value ，選擇值的控制台輸出undefined 。 當使用帶有dom-repeat的聚合物作為選項時，增加選擇值似乎是一個問題。 有人碰巧知道如何正確訪問選擇值嗎？ 注意：我必須提到“ item”是我的產品，它是一個包含有關該產品的所有信息的對象

回答：
要在shadow-dom下通過id選擇元素，您將必須使用此運算符$$ 。 對我來說是這樣的： this.$$('#sizeSelect').value 。

Answer 1

答案：要在shadow-dom下通過id選擇元素，則必須使用此運算符$$ 。 對我來說是這樣的： this.$$('#sizeSelect').value 。