Aurelia自定义元素绑定

Question

我正在尝试在Aurelia中构建自定义元素.在这一点上,这就是我所拥有的:

item.html

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

item.ts

import {bindable} from 'aurelia-framework';
class Item {
    @bindable someProperty: string;
}

parent.html

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

parent.ts

class Parent {
    items: Item[];

    loadItems() {
        // at this point, I'm sure that items is getting populated.
        this.items = dataservice.loadItems();
    }
}

我似乎无法在涵盖此方案的文档中找到任何内容.我得到的是,跨度是空的.我在控制台中没有收到任何错误.我是以正确的方式来做这件事的吗？

Answer 1

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

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

抱歉格式化,我在手机上.