0

Polymer-ui-cardを JS から Dartに移植 しています。

違いは、私たちのプロジェクトには (慣例により) アプリケーション全体を含む追加の Polymer 要素 (app-element) があることです。

JavaScriptでは次のようになります

<body unresolved>
  <div id="cards">
    <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
    <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
    <polymer-ui-card></polymer-ui-card>
    <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
    <polymer-ui-card></polymer-ui-card>
  </div>
  ..
</body>

Dartポートは次のようになります

<body unresolved>
  <app-element></app-element>
</body>

app-elementには、body タグが JS に持つコンテンツがあります

<polymer-element name='app-element'>
  <template>
    <div id="cards">
      <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
      <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
      <polymer-ui-card></polymer-ui-card>
      <polymer-ui-card swipeable>Swipe Me!</polymer-ui-card>
      <polymer-ui-card></polymer-ui-card>
    </div>
  </template>
  ..
<polymer-element>

Polymer-ui-card (JS と Dart で同じ)

<polymer-element name="polymer-ui-card" attributes="swipeable noCurve"
on-trackstart="{{trackStart}}" on-track="{{track}}" on-trackend="{{trackEnd}}" on-flick="{{flick}}">

ここでの問題は、すべてのポインタ イベントのターゲットが要素では<app-element>なく であることです。<polymer-ui-card>

これは設計によるものですか、それとも Dart だけの問題ですか、それとも何か間違っていますか?

4

1 に答える 1