Aurelia.io：如何导航到路线 [英] Aurelia.io: how to navigate to route

问题描述

我有一个配置路线的router.js文件：

I have a router.js file with my configured routes:

routes.js

 export class App {
        configureRouter(config, router) {
        config.title = 'Aurelia';
        config.map([
      {route: ['', `welcome`], name: 'welcome', moduleId: './welcome', nav: true, title:'Welcome'},
      {route: 'http', name: 'http', moduleId: './http', nav: true, title:'HTTPTest'},
      {route: 'users', name: 'users', moduleId: './users', nav: true, title:'Github Users'},
      {route: 'plan', name: 'plan', moduleId:'./dp/plan', nav: true, title:'DPTest'},
      {route: 'user_table', name: 'user_table', moduleId:'./dp/user_table', nav: true, title:'Benutzer'}
    ]);

    this.router = router;
  }
}

我想拨打其中一条路线（计划）来自 users.js 中的函数。我是否必须在users.js中导入{Router}？或注入？

I want to call one of these routes (plan) from a function in users.js. Do I have to import {Router} in users.js? Or inject?

推荐答案

以下任何一种都可以使用

Either of the following will work

import { Router } from 'aurelia-router';

@inject(Router)
export class UsersViewModel {
  constructor(router) {
    this.router = router;
  }
  doStuff() {
    this.router.navigateToRoute('plan');
  }
}

使用本地位置

using native location

export class UsersViewModel {
  doStuff() {
    location.assign('#/users');
  }
}

这篇关于Aurelia.io：如何导航到路线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！