iron-list with Angular 2.0の使い方

Question

Iron-listをAngular 2.0で動かそうとしています。私は既に他のPolymer 1.0コンポーネントを使用していますが、Iron-ListはLight DOMに大きく依存しています。 を削除して* ng-forのコンテンツを削除することができますが、それはうまくいくとは思っていません。誰でも何か考えがあります。

Answer 1

ここで問題となるのは、角度2は<template>要素を解析しますが、<iron-list>の中のポリマーテンプレート化ツールに残す必要があります。

私の経験から、この状況を処理する最良の方法は、<iron-list>をカスタムPolymer要素の中に置き、そこにテンプレートを定義することです。

<dom-module id="heroes-list"> 
    <template> 
    <style> 
     :host { 
     display: block; 
     } 
    </style> 
    <iron-list items="[[items]]" selection-enabled selected-item="{{selectedItem}}"> 
    <template>[[item]]</template> 
    </iron-list> 
    </template> 
    <script> 
    Polymer({ 
     is: 'heroes-list', 

     properties: { 
     items: { 
      type: Array 
     }, 

     selectedItem: { 
      type: Object, 
      notify: true 
     }, 
     } 
    }); 
    </script> 
</dom-module> 

この要素は、このような双方向結合して任意の角度の2アプリで使用することができます。

<heroes-list [items]="heroes" (selected-item-changed)="myHero=$event.detail.value">