2

私はPolymerに非常に慣れていないため、「順序付きリストの独自のバージョン」のようなものを作成する方法を探していました。

(ところで、私はriotjsも見ていて、そこで同様のことをしようとしています。それがどのように機能するかを理解するためだけです。したがって、riotjs について何か知っている場合は、遠慮なく回答も投稿してください)

私のhtmlは次のようになります。

<my-ol>
  <my-li>My first list item inside my ol</my-li>
  <my-li>My second list item inside my ol</my-li>
</my-ol>

そして、次のような 2 つの dom-modules を生成します。

<dom-module id="my-ol">
  <template>
    <style>
      ...
    </style>
    <div class="myol">
      <content></content>
    </div>
  </template>
  <script>
  Polymer( { ... } );
  </script>
</dom-module>

<dom-module id="my-li">
  <template>
    <div class="myli">
      <content></content>
    </div>
  </template>
  <script>
  Polymer( { ... } );
  </script>
</dom-module>

それはすべて機能しますが、「ネイティブ」な ol のように機能させたい場合は、アイテムの番号を出力に追加できるはずです。

それが可能かどうかは誰にもわかりません。

（私の最終的な目標は、それを機能させることです-もちろん、olの正確なコピーではありません。これは、私がやりたいことと十分に類似している例にすぎません-そして、個々のリスト項目をcontentEditableにし、どうにかしてそのコンテンツを取り戻すことができますが、まず最初に)

4

1 に答える 1

1

これが暴動の解決策です。

<my-ol>
  <yield />

  this.count = this.opts.count || 0
</my-ol>

<my-li>
  <div>{index}. <yield/></div>

  this.index = ++this.parent.count
</my-li>

暴動タグは非常に理解しやすいです。これがあなたが探しているものかどうかはわかりませんが、アイテム番号が表示され、contenteditable.

于 2016-01-01T05:07:26.313 に答える