Polymerのデータバインディングについて
お世話になっております。
現在Polymerを使用しWeb開発を行っているのですが、データバインディングでデータがバインドされない現象に遭遇したので質問させていただきます。
<dom-module id="test-info-component">
<template>
<div>
<p>{{title}}</p> <!--ここにtitleプロパティの値を反映したい -->
</div>
</template>
<style>
</style>
<script>
TestInfo = Polymer({
is: "test-info-component",
properties: {
title: {
type: String,
value: "title"
}
},
factoryImpl: function(title) {
this.title = title;
console.log("title = " + this.title); // 反映されている。
}
});
</script>
</dom-module>
としているのですが、動的に作成した場合、
var info = new TestInfo("タイトル");
Polymer.dom(hoge).appendChild(info);
としてもタイトルと日本語文字列が反映されず、デフォルト値のtitleと表示されてしまいます。
TestInfo
自体は表示されているようですが、factoryImpl
で渡した値がデータがバインド
されない状態です。
factoryImpl
内ではthis.title
に値が反映されているのですが、{{title}}
に反映されないようです。
どのような原因があるのでしょうか?
宜しくお願い致します。