Ember-拖动排序：自定义 HTML 元素

Question

是否可以为 .dragList 指定自定义元素标签？在我现在的场景中，我需要它是一个 <ul>，因为我正在渲染我的项目包裹在 <li> 中 - 试图避免必须创建一个叉子。

像这样...

    = drag-sort-list [
      tagName="ul"
      childTagName="li"
      class="someClass"
    ]

而不是为列表默认呈现 a 我们可以呈现传入的 tagName - 也可以为父列表传递自定义 class

Answer 1

您可以配置 drag-sort-list 和 drag-sort-item 组件的标记名称：

{{#drag-sort-list
  tagName      = "article"
  childTagName = "section"
}}

tagName 内置于每个 Ember 组件中。

childTagName 在插件的 readme.

中有描述

Ember-Drag-Sort: Custom HTML element