1

我正在学习 Polymer 来制作一个小的单页应用程序。我想像在 Polymer 入门套件中那样管理分页，但不使用 模板 dom-bind（因为我在页面的后面需要一个，而且我们不能将一个嵌套在另一个中）。

因此，我尝试制作自己的自定义元素，以便将其属性“路由”绑定到iron-pages元素。但是，正如您可以想象的那样，它没有用。

所以我尝试在一个小例子中使数据绑定工作。如“聚合物快速浏览”所示，我在“pagination-element.html”中做了一个自定义元素：

<link rel="import" href="../bower_components/polymer/polymer.html">

<script>
  Polymer({
    is: "pagination-element",
    properties:{
      route : {type:String, value:"/", notify : true}
    }
  });
</script>

并在我的页面中使用它（我已经检查了pagination-element.html是否已导入）：

<pagination-element id="app" route="/">
    <paper-input label="{{ route }}"></paper-input>
</pagination-element>

然后，我尝试使用其他 Polymer 自定义元素获取“路由”值，但它只在我的页面上显示“{{route}}”。

我想我还没有理解数据绑定是如何工作的......

谁能帮我 ？

非常感谢 ！

祝你有美好的一天

4

1 回答 1

0

在您的页面上，您需要使用自动绑定模板pagination-element包装您的（除非您在另一个元素中使用它）：

<template is="dom-bind">

在您paper-input的设置中，您将其设置label为的值，route但您没有给出route值。我猜您希望它的值是以下route属性的值pagination-element：

因此，在您index.html或其他页面中：

<body unresolved>
    <template is="dom-bind">
        <pagination-element id="app" route="{{route}}">
            <paper-input label="{{route}}"></paper-input>
        </pagination-element>
    </template>
</body>
于 2015-07-30T08:58:19.793 回答