Question

我是Aurelia的新手并且在价值绑定方面存在这个问题我不明白为什么它不起作用。

所以我有一个父组件，这是使用子组件的html的一部分：

 <div repeat.for="testWebsite of testWebsites" class="tab-pane ${$index==0? 'active' : ''}" id="${testWebsite.website_id}" role="tabpanel">
            <test-website showSummaryBar.bind="testWebsites.length > 1" payload.bind="testWebsite"></test-website>
        </div>

test-website是子组件。在其代码中，我声明了2个可绑定变量，如下所示：

export class TestWebsiteCustomElement {
@bindable payload;
@bindable showSummaryBar;
.....

有效负载已成功绑定到父网站设置的testWebsite。但是showSummaryBar始终为null。我错过了什么吗？提前谢谢。

Answer 1

可绑定属性从VM中的camelCase转换为视图中的dash-case（也称为“kebab case”）。因此showSummaryBar变为show-summary-bar

<test-website show-summary-bar.bind="testWebsites.length > 1" 
              payload.bind="testWebsite"></test-website>

在Aurelia绑定2个值

1 个答案: