html - Polymer/Plunker でクエリを手動で変更する

Question

私はまだコーディングに非常に慣れていません。コーディングを練習するために、(国立博物館から) API を実行しようとしました。これまでのところ、ここにあるように機能しています。

http://plnkr.co/edit/jCYxJz?p=preview

  <p>You searched for: {{query}}</p>
  <form>
    <label id="label" for="name">Change your query:</label>
    <input type="text" id="name">
    <button on-click="{{ myFunction }}" type="submit">Commit changes</button>
  </form>
  <core-ajax 
    url="https://www.rijksmuseum.nl/api/nl/collection?maker={{query}}&ps=30&key=ssCRX6qW&format=json&imgonly=true&s=chronologic&f.dating.period={{period}}" 
    auto 
    response="{{response}}">
  </core-ajax>    

私の質問は：

Plunker でわかるように、現在のページの上部で、ユーザーに「検索対象..」と通知され、検索クエリを手動で変更するための入力フィールドが表示されます。さて..フィールドを実際に機能させるにはどうすればよいですか？

現在の検索クエリは、属性値として入力する必要がある Index.html を介して送信されます。これは Rijksmuseum.html ファイルに送信され、ポリマー要素によって取得されます。

これを行う方法についてのヒントはありましたか？

事前にt​​hnx！