aurelia - 将 View 模型的属性绑定(bind)到Aurelia中的自定义元素

更新:

其他人已经报告了此样本对他们非常有效。听起来好像我做错了什么，但是我没有代码了，所以我无法检查问题所在。

原始问题:

我具有以下带有以下 View 模型和 View 的自定义元素:

import {bindable} from 'aurelia-framework';
export class Test1 {
  @bindable name = null;
}

<template>
  <div>Name: ${name}</div>
</template>

然后，我有了一个使用上述自定义元素的 View 和 View 模型(这是骨架项目中的欢迎页面):

export class Welcome {
  constructor() {
    this.name = 'Test';
  }
}

<template>
  <require from="./components/test1"></require>
  <test1 name.bind="name"></test1>
</template>

我的期望是看到“名称:测试”，但我只会得到“名称:”。如果我使用字符串并删除“.bind”，则它可以工作:

<test1 name="Test"></test1>

但是，我希望每当更新“应用程序” View 模型中的“名称”字段时，它就会自动更新。

我不确定自己在做什么错。我在控制台中看不到任何错误。

我基于来自Aurelia的骨架示例项目创建了此示例。 aurelia-framework的版本为0.11.0。

最佳答案

“欢迎”类中的 Prop “名称”应该是可绑定(bind)的。

import {bindable} from 'aurelia-framework';

export class Welcome {
  @bindable name = ''

  constructor() {
    this.name = 'Test';
  }
}