Question

要配置路由，我需要ViewModel和可选的View，但很多时候我看到ViewModel只需要获取html。结果，我留在js / ts文件中的许多空类，只是为了使路由器配置工作。

问题：有没有办法删除这些空类并配置这样的路由：

config.map([
    { route: ['', '/'], moduleId: 'no-selection.html',  title: 'Select'},
    { route: 'about', moduleId: 'about.html', title:'About'},
    { route: 'contacts/:id',  moduleId: 'contact-detail',  name:'contacts'}  
]);

Answer 1

目前尚不可行，但这是我们希望在未来某个时候做的改进。

Answer 2

您可以使用通用视图模型创建通用参数化路径。然后，您可以在模板中使用＆＃34;撰写＆＃34;显示静态html ...

为您的配置添加路线

{'views/:page', moduleId: 'views/index'}

在views / index中

：

export class IndexViewModel {

    private page;

    constructor() { }

    activate(params) {
        this.page = './' + params.page + '.html';
    }

}

在views / index.html

中

<template>
    <compose view="${page}"></compose>
</template>

没有ViewModel的Aurelia View

2 个答案: