高聚物负载页面点击

Question

在聚合物应用程序中，在核心-滚动头-面板中有聊天列表，在那里我可以看到与朋友的所有对话。我想加载与其中之一的聊天窗口点击。我还想在加载对话框时传递参数(friend_id)。正确的方法是什么？使用核心-ajax还是其他路由器？正确的称呼方法是什么？

聊天列表.chat：

    <core-ajax auto url="http://example.org/app/chat_list" params='{"user_id":"{{userid}}"}' handleAs="json" response="{{response}}">  </core-ajax>

    <template repeat="{{chat in response.chat_list}}">

        <paper-item on-click="{{openChat}}">
            <img src="http://example.org/photo/{{chat.friend_photo}}.jpg"  />
            {{chat.friend_name}}
        </paper-item>

    </template>

</template>

<link href="../styles.css" rel="stylesheet" >
<script>
    Polymer({
        response: null,
        openChat: function(){
           document.querySelector('#t').route = "chat";
        }
    });
</script>

​

Answer 1

如果你在做一个单一的页面应用程序，最好用路由器来完成。聊天窗口可能是一个元素，当它不活动时，您只需隐藏它。当有人单击列表中的朋友时，它可以请求路由：example.com/chat/{friend_id}，路由器可以将朋友id传递给窗口元素，然后显示窗口元素。

我个人喜欢使用page.js路由器，我用一集“播客”对它进行了介绍。希望这能有所帮助。