2017-05-28 8 views
1

私は部分的に、次のしている:異なる変数

<template is="dom-repeat" repeat="{{myItems}}"> 
    One: <paper-input type="number" value="{{myValue1}}"></paper-input> 
    Two: <paper-input type="number" value="{{myValue2}}"></paper-input> 
    Three: <paper-input type="number" value="{{myValue3}}"></paper-input> 
    <template is="dom-if" if="[[_show(myValue1)]]"> 
     Four: <paper-input value="{{myValue4}}></paper-input> 
    </template> 
</tempalte> 

myItemsは、4つの要素を持つ配列ですので、私は12 paper-inputsを見ることができます。 問題は、最初にpaper-inputにテキストを入力すると、テキストが他のテキストに表示されるpaper-inputs(各繰り返しの最初のもの)です。

dom-repeatテンプレートに異なる変数をバインドする方法はありますか?

答えて

1

代わり配列値のインデックス/序数を使用するように編集:

<template is="dom-repeat" 
      items="{{myItems}}" as="item"> 
    One: <paper-input type="number" value="{{item.1}}"></paper-input> 
    Two: <paper-input type="number" value="{{item.2}}"></paper-input> 
    Three: <paper-input type="number" value="{{item.3}}"></paper-input> 
    <template is="dom-if" 
      if="[[_show(item.1)]]"> 
     Four: <paper-input value="{{item.4}}></paper-input> 
    </template> 
</template> 
+0

'myItems'はNに番号フォーム1だけ配列なので、私は' item.myValue1'を行うことはできません。 'myValue'はプロパティです。 – Amparo

+0

あなたはitem.1、item.2、item.3などを実行できるはずです – codeMonkey

+2

うん、codeMonkeyは彼のアプローチで正しいです。あなたは@Amparoが好きなようにそれをやることはできません。 2つの選択肢があります。 dom-repeatを使用せず、すべての入力を書き込むか、配列をオブジェクトの配列に編集して、内部にいくつかの値を入れてください。 –

関連する問題