폴리머의 여러 입력 상자에서 데이터 가져 오기

Question

"card"요소 목록이 있습니다. 각각은 종이 입력 요소와 버튼 요소를 가지고 있습니다. 각 요소는 외부 JSON (core-ajax가 임베드 된 my-post-service 요소에서)에서 일부 데이터를 가져옵니다. 내 목표는 사용자가 텍스트 상자에 뭔가를 쓰고 상대 버튼을 클릭하면 특정 카드 및 사용자가 삽입 한 텍스트 정보가 다른 기능으로 전송된다는 것입니다. 다음은이 폴리머 요소의 코드입니다 : 내가 어떤 버튼을 클릭 순간

<polymer-element name="template-list"> 
<template> 
    <my-post-service id="service" posts="{{posts}}" url="http://localhost:9111/v3/objects/templates"> 
    </my-post-service> 
    <div id="pcId" layout horizontal wrap> 
     <template repeat="{{post in posts}}"> 
      <my-post-card> 
       <img src="http://localhost:9111/v3/resources/{{post.representation[0].icon}}" width="70" height="70"> 
       <h2>{{post.name}}</h2> 
       <p>{{post.description}}</p> 
       <paper-input name="paper-input" id="paperInputId" inputValue="{{value}}" label="Insert new object name..." floatingLabel="false"></paper-input> 
       <add-object-button on-click="{{fetchName}}" template="{{post.name}}" name="{{objName}}"></add-object-button> 
      </my-post-card> 
     </template> 

    </div> 
    <style> 
     :host { 
      display: block; 
      width: 100%; 
     } 
     my-post-card { 
      margin-bottom: 30px; 
     } 
    </style> 
</template> 

<script> 

    var objName; 

    Polymer({ 
     fetchName: function() { 
      objName = this.$.pcId.querySelector('#paperInputId').value; 
     }, 
     get objName() { 
      return objName; 
     }, 
    }); 
</script> 

은, 난 항상 (template 속성을 통해) 특정 카드 정보를 정기적으로받을 수 있어요하지만 난 할 수 첫 번째 용지 입력 요소 (첫 번째 카드 중 하나)에서 텍스트 만 검색합니다.

Ps 나는 폴리머에 대해 새롭다. 어쩌면 나는 바보 같은 것을 놓치고있다. ...!

Answer 1

objName = this.$.pcId.querySelectorAll('paper-input').value; 

나는 당신이 찾고있는 것이라고 생각합니다.