要将Aurelia绑定到内联对象,你需要使用Aurelia的绑定语法和绑定器。下面是一个示例解决方法:
元素来显示一个内联对象的name
属性:
${inlineObject.name}
- 在JavaScript代码中,创建一个名为
inlineObject
的内联对象,并将其绑定到视图模型中:
export class ViewModel {
inlineObject = {
name: 'John Doe',
age: 30
};
}
- 在Aurelia应用程序的根视图模板中,将视图模型与HTML模板绑定起来:
Aurelia 绑定内联对象示例
内联对象的名称:
${inlineObject.name}
- 在Aurelia应用程序的入口文件中,启动应用程序并将根视图模板绑定到DOM元素上:
import { Aurelia } from 'aurelia-framework';
export function configure(aurelia) {
aurelia.use.standardConfiguration().developmentLogging();
aurelia.start().then(() => aurelia.setRoot('app'));
}
这样,当应用程序启动时,Aurelia会将内联对象的name
属性的值绑定到视图中显示的元素上。当内联对象的属性值发生更改时,绑定也会自动更新。
下一篇:Aurelia插件的作用域CSS
相关内容