Question

我仍然很擅长编码。为了练习编码，我试图获得一个API（来自Rijksmuseum）来运行。到目前为止，它已经工作，你可以看到这里：

  <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中看到的那样，用户被告知＆＃34;您搜索了...＆＃34;然后向用户提供输入字段以手动改变搜索查询。现在..我如何让这个领域真正起作用？

当前的搜索查询是通过Index.html传输的，我必须将其作为属性值输入。然后将其发送到Rijksmuseum.html文件，由聚合物元素拾取。

任何人都有关于如何完成这项任务的任何提示？

Thnx提前！

Answer 1

为ajax元素分配一个id，称之为“ajax”。从您的按钮中删除type =“submit”，这将使您的页面刷新。更改你的myFunction以匹配下面的1。

    myFunction: function() {
      var query = this.$.name.value;
      this.query = query;
      this.$.ajax.go();
    //alert("Thanks for committing!!");
  }

也是一个分叉，所以你可以看到它的工作 http://plnkr.co/edit/jGZpc6jNy6IinBKGB4ip?p=preview

在Polymer / Plunker中手动更改查询

1 个答案: