Aurelia自定义元素绑定

我正在尝试在Aurelia中构建一个自定义元素。在这一点上，这就是我所拥有的：

item.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

parent.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

---

我似乎在文档中找不到任何涉及此场景的内容。我得到的是，跨度是空的。我在控制台中没有收到任何错误。我这样做对吗？

您需要绑定到项目的someProperty。下面假设items[]是一个字符串数组

<div repeat.for="item of items">
    <item someProperty.bind="item"></item>
</div>

---

很抱歉设置了格式，我正在使用手机。

您需要绑定到项目的someProperty。下面假设items[]是一个字符串数组

<div repeat.for="item of items">
    <item someProperty.bind="item"></item>
</div>

---

很抱歉格式化，我正在使用手机。

您需要使用自定义元素和bindable属性。您还需要将该类注册为自定义元素。试试这个：

item.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

parent.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

---

有关更多信息，请查看我的一些关于自定义元素和自定义属性的博客，如下图所示：

您需要使用自定义元素和bindable属性。您还需要将该类注册为自定义元素。试试这个：

item.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

parent.html

<template>
    <span>${someProperty}</span>
</template>

<template>
<require from="./item"></require>
<item repeat.for="item of items"></item>
</template>

<template>
    <span>${someProperty}</span>
</template>

<template>
    <require from="./item"></require>
    <item repeat.for="item of items" someProperty.bind="item"></item>
</template>

---

有关更多信息，请查看我的一些关于自定义元素和自定义属性的博客，如下图所示：

这揭示了我在文档覆盖范围内的一个明显漏洞。非常感谢。虽然我在正确生成自定义元素的结构方面取得了一些初步成功，但我似乎无法使任何绑定正常工作。没有错误，我只是在放置${binding}的地方得到空值。打开一个新问题并链接到这里，我来看看。遗憾的是，这是不够的信息，抱歉。这暴露了我在文档报道中的一个明显漏洞。非常感谢。虽然我在正确生成自定义元素的结构方面取得了一些初步成功，但我似乎无法使任何绑定正常工作。没有错误，我只是在放置${binding}的地方得到空值。打开一个新问题并链接到这里，我来看看。很遗憾，这是不够的信息，抱歉。