小さな単一ページのアプリを作成するためにPolymerを学んでいます。Polymer スターター キットで行われているようにページネーションを管理したいのですが、 テンプレート dom-bindを使用しません (ページの後半で必要になり、別のページに入れ子にすることはできないため)。
そこで、独自のカスタム要素を作成して、その属性「ルート」をiron-pages要素にバインドしようとしました。しかし、ご想像のとおり、うまくいきませんでした。
そこで、小さな例でデータバインディングを機能させようとしました。「Polymer のクイック ツアー」で示したように、「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 カスタム要素で「ルート」値を取得しようとしましたが、ページに「{{ルート}}」しか表示されません。
データバインディングの仕組みを理解していないと思います...
誰でも私を助けることができますか？
どうもありがとう ！
良い一日を過ごしてください