需要在按钮单击时导航到Polymer中数组中的下一个元素

时间:2018-01-27 13:17:04

标签: polymer

我有一个包含emp信息的对象数组,比如名字年龄等,我有一个带有上一个和下一个按钮的页面。我希望能够在单击下一个按钮后导航到数组中的对象。我是否需要使用像redux这样的东西才能实现这一目标,还是有其他方法可以做到这一点。有没有办法直接在聚合物中做到这一点。

    

<dom-module id="my-quiz">
    <template>
        <div>Employee List</div>
            <button on-click="prev">Previous</button>
            <button on-click="next">Next</button>
    </template>
    <script>
        class Quiz extends Polymer.Element {
            static get is() { return 'my-quiz'; }

            // set this element's employees property
            constructor() {
                super();
                this.employees = [
                    { name: 'Bob', id: 'b1' },
                    { name: 'Ayesha', id: 'b2' },
                    { name: 'Fatma', id: 'b3' },
                    { name: 'Tony', id: 'b5' }
                ];
            }

            prev() {
                console.log("prev");
            }

            next() {
                console.log("next");
            }

        }
        window.customElements.define(Quiz.is, Quiz);
    </script>
</dom-module>

1 个答案:

答案 0 :(得分:2)

这是一个如何做到这一点的例子。还有其他方法。 :

+------------+------+
| player_id  | rank |
+------------+------+
|          1 |    1 |
|          2 |    2 |
|          3 |    3 |
+------------+------+

Demo