Question

我的模型数组中有很多对象实例，它们都符合ITrack接口，我想为这些创建一个分页组件作为学习练习。我想创建一个允许我在模板中写这个的组件

<pager page-size="10" model.bind="tracks">
<div>
<span>{% track.name %}</span>
</div>
</pager>

因此，将创建一个寻呼机，并且每个显示的ITrack都必须格式化

<div>
<span>{% track.name %}</span>
</div>

在创建曲目列表时，组件是否可以抓取寻呼机元素之间的内容以用作模板。

我看过http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/creating-components/3 但不确定我是否能得到内容。

或者这不是一个好方法吗？

Answer 1

使用模板部件创建自定义元素。

<强> pagerCustomElement.html

<template>
  <div repeat.for="item of selectedItems" part="item-template">
    ${item}
  </div>
</template>

<强> app.html

<require from="./pagerCustomElement"></require>
<pager items.bind="tracks">
  <template replace-part="item-template">
    <div>${item.title}</div>
  </template>
</pager>

请参阅此处的完整示例：https://gist.run/?id=698ba0c7cf73f1f55b1a770182da41c4

可以在this issue中找到“文档”。

Aurelia自定义元素与动态内容

1 个答案:

使用模板部件创建自定义元素。