2016-04-05 19 views
0

単純なindex.htmlページから呼び出されたときに効果的なPolymerコンポーネントがありますが、Ionic 2ページで使用しようとするとパラメータが渡されません。私はこのような単純なのindex.htmlファイルからそれを呼び出すときIonic 2からポリマーにパラメータを渡すことができません

<script> 
    Polymer({ 
    is: "pnet-timeline", 
    properties: { 
     tlStartDate: String, 
     tlDurationSecs: { 
     type: Number, 
     value: 86400 
     }, 
     userId: { 
     type: String, 
     value: null 
     }, 
     tlTitle: { 
     type: String, 
     value: 'Unknown' 
     } 
    }, 

コンポーネントは素晴らしい作品:ここ

は、パラメータ宣言だ

<pnet-timeline user-id="lowjam" tl-start-date="2016-02-29T00:00:00.000-0600" tl-duration-secs="86400" tl-title="Trip Planning"></pnet-timeline> 

しかし、私はまったく同じタグという置くときイオン2ページにパラメータはポリマーに渡されません。代わりに、Polymerが実行されるときに、すべてデフォルト値に設定されます。 Polymerは確かに動作していますが、コンポーネントをページに表示して対話できますが、そのパラメータはありません。

これがIonic 2かAngular 2かどうかは分かりませんが、今は私が困っています。

+0

詳細情報'ready'が実行された後、プロパティに正しい値が設定されているようです。それまでは、デフォルト値があります。直ちにコンソールにパラメータを書き出し、次に1秒に1回ずつデフォルト値を表示し、それに続いて一貫した正しい値を表示します。 –

答えて

0

私はこれを理解しました。 this excellent article on some of the finer points of Points of Polymerを読んだ後、readyを実行すると、プロパティが完全にロードされていないことがわかりました。

オブザーバーで遊んだ後、this.async私のアプリのための実用的な解決策があります。長い話が短いので、オブザーバで初期化コードとウォッチ更新にthis.asyncを使用してください。

非常に有用なポリマーのKen Benjaminのおかげで、

関連する問題