無法將參數從Ionic 2傳遞到聚合物

我有一個聚合物組件在從簡單的index.html頁面調用時效果很好，但是當我嘗試在Ionic 2頁面中使用它時，參數未通過。無法將參數從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' 
     } 
    },

組件的偉大工程，當我把它從一個簡單的index.html文件是這樣的：

<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運行時，它們都被設置爲默認值。聚合物當然在運行，我可以看到頁面上的組件並與它交互，但它沒有它的參數。

我不確定這是關於Ionic 2還是（更可能）Angular 2，但它現在讓我難倒了。

來源

2016-04-05 Jim Lowell

更多相關信息。看起來好像在'ready'執行後，屬性被填充正確的值。在此之前，他們有默認值。立即將參數寫入控制檯，然後每秒一次顯示默認值，然後顯示一致的正確值。 –

我想通了。在閱讀this excellent article on some of the finer points of Points of Polymer後，我意識到當執行ready時，屬性並未完全加載。

在與觀察員玩弄和this.async後，我有我的應用程序的工作解決方案。長話短說，使用this.async進行初始化代碼並觀察觀察者的觀察更新。

感謝Ken Benjamin爲非常有用的聚合物寫！

來源

2016-04-06 12:54:38

無法將參數從Ionic 2傳遞到聚合物

回答

相關問題