将属性从视图模型绑定到Aurelia中的自定义元素

更新：

其他人报告说这个样本对他们很有效。听起来好像我做错了什么，但我没有代码了，所以我无法检查问题出在哪里

原始问题：

我有以下具有以下视图模型和视图的自定义元素：

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

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

从'aurelia framework'导入{bindable}；
导出类Test1{
@可绑定名称=null；
}
名称：${Name}

然后，我使用上述自定义元素创建了一个this视图和视图模型（这是骨架项目中的欢迎页面）：

欢迎使用导出类{
构造函数（）{
this.name='Test'；
}
}

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

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

但我希望每当我更新“App”视图模型中的“name”字段时，它都会自动更新

我不确定我做错了什么。我在控制台中没有看到任何错误

我基于来自Aurelia的骨架示例项目创建了这个示例。aurelia框架的版本是0.11.0。

欢迎类中的prop“name”应该是可绑定的

import {bindable} from 'aurelia-framework';

export class Welcome {
  @bindable name = ''

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

---

您是否尝试在应用程序和自定义元素中使用不同的名称？我的意思是像属性的appName和customName，如果你明白我的意思的话？Aurelia仍然很新，我不知道为什么，但是如果在应用程序中使用相同的自定义属性和javascript属性名称，可能会出现问题。虽然我很怀疑，但你能在每个文件中添加你所做的导入吗？我试过你的代码，它对meThanks sam非常有效。我试过更改名称，但没有成功。我添加了导入，并且更好地解释了我在哪里使用自定义元素，这是skeleton项目中的欢迎页面。您是否尝试使用最新的skeleton应用程序？我自己也有一个问题，不管怎样，13是最后一个包含破坏性变化的，最好从这里开始

import {bindable} from 'aurelia-framework';

export class Welcome {
  @bindable name = ''

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