要在Aurelia路由器中使用仅包含HTML视图的JavaScript,您可以使用自定义元素和绑定来实现。以下是一个简单的示例:
my-view.html
:
${title}
my-view.js
,并将以下代码添加到其中:export class MyView {
title = 'Hello Aurelia!';
changeTitle() {
this.title = 'New Title';
}
}
app.js
中添加以下代码:import {MyView} from './my-view';
export class App {
configureRouter(config, router) {
config.map([
{ route: '', moduleId: './my-view', title: 'My View' },
]);
this.router = router;
}
}
app.html
中添加以下代码:
my-view.html
中定义的HTML视图,并且可以与my-view.js
中定义的JavaScript交互。请注意,上述示例只是一个简单的示例,以便说明如何在Aurelia中使用仅包含HTML视图的JavaScript。在实际应用中,您可能需要更复杂的路由和视图组合,以及更多的JavaScript逻辑来处理交互和数据操作。