单击聚合物加载页面

Question

在 Polymer 应用程序中，在 core-scroll-header-panel 中有一个聊天列表，我可以在其中看到与朋友的所有对话。我想加载与其中之一的点击聊天 window。我还想在加载对话框时传递参数 (friend_id)。正确的做法是什么？使用 core-ajax 或某些路由器？正确的称呼方式是什么？

聊天-list.html:

    <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

如果您正在开发单页应用，最好使用路由器来完成。聊天 window 可能是您在不活动时隐藏的元素。当有人点击列表中的好友时，它可以请求路由：example.com/chat/{friend_id}，路由器可以将好友id传递给window元素，然后显示window元素。

我个人喜欢使用 page.js 路由器，我在 an episode of Polycasts 中介绍了它。希望对您有所帮助。

单击聚合物加载页面

polymer load page on-click

javascript

web-component

cordova

polymer