问题描述: 在Aurelia框架中使用自定义属性时,主要属性存在数据绑定问题。
解决方法: 可以通过使用@bindable装饰器和属性观察器来解决Aurelia中自定义属性的数据绑定问题。
示例代码如下:
${value}
import { bindable } from 'aurelia-framework';
export class CustomAttribute {
@bindable value: number;
increment() {
this.value++;
}
}
import { customElement } from 'aurelia-framework';
@customElement('app')
export class App {
count: number = 0;
}
通过以上代码示例,我们可以实现自定义属性的主要属性与视图模型中的属性进行数据绑定。当点击按钮时,主要属性的值会自动更新并反映在视图中。