Polymerのデータバインディングについて

Question

お世話になっております。

現在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("タイトル");

としても反映されず、titleと表示されてしまいます。

factoryImpl内ではthis.titleに値が反映されているのですが、<p>内の文字列に反映されないようです。
どのような原因があるのでしょうか？
宜しくお願い致します。

Answer 1

this.title = title;

これを

this.set('title', title);

こうする必要があります。Polymerのメソッド内でプロパティーを変更したいときはただ=でアサインするのではなく、このように記述する必要があります。setの最初のparameterはプロパティー名で、二つ目のparameterが変更後の値になります。