Question

我对Polymer非常陌生，我正在研究如何创建类似于我自己的有序列表的版本＆＃39;。

（顺便说一句，我也在看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模块：

<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，并确保我可以以某种方式获取该内容，但首先要做的事情是先发生的事情

Answer 1

Here's the solution in Riot.

<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。

创造像＆＃39; ol＆＃39;聚合物中的（有序列表）

1 个答案: