Question

更新：

其他人报告此样本适用于他们。听起来我做错了什么但我不再有代码了，所以我无法检查问题是什么。

原始问题：

我有以下自定义元素，其中包含以下视图模型和视图：

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

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

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

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

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

我的期望是看到＆＃34;姓名：测试＆＃34;但我只得到＆＃34;姓名：＆＃34;。如果我使用字符串并删除＆＃34; .bind＆＃34;然后它起作用：

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

但我希望每当我更新＆＃34; name＆＃34; ＆＃34; App＆＃34;中的字段图的模型。

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

我将此示例基于Aurelia的骨架示例项目。 aurelia-framework的版本是0.11.0。

Answer 1

道具＆＃34;名称＆＃34;在＆＃34;欢迎＆＃34; class应该是可绑定的。

import {bindable} from 'aurelia-framework';

export class Welcome {
  @bindable name = ''

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

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

1 个答案: