Question

例如：http://localhost:3000/#/report/123456

如何从Aurelia的网址获取“123456”部分？

希望你能帮助我，在文档中找不到任何有用的东西。

Answer 1

您可以在路由器的激活方法中获取提交的参数（在您的视图模型中）

activate(params) {
   return this.http.fetch('contacts/' + params.id)
      .then(response => response.json())
      .then(contact => this.contact = contact);
}

在一篇不错的博文中找到：http://www.elanderson.net/2015/10/aurelia-routing-with-a-parameter/

Answer 2

您必须为其定义路线：

{ 
    route: ['report/:id'], 
    moduleId: './report', 
    title: 'Report', 
    name: 'report' 
}

然后在您的视图模型中，您可以从id对象获取params：

activate(params) {  
    console.log(params.id);
}

Answer 3

import { Router } from 'aurelia-router'

通过依赖注入获取构造函数中的路由器，您可以使用它的值：

this.router.currentInstruction.params.myParam

Answer 4

添加到Mike的答案中（不幸的是，我的积分还不够多）：如果您希望参数是可选的，则可以在参数后面添加问号：

{ 
    route: ['report/:id?'], 
    moduleId: './report', 
    title: 'Report', 
    name: 'report' 
}

Answer 5

var str = "http://localhost:3000/#/report/123456";
var res = str.split("/");
document.getElementById("demo").innerHTML = res[5];

如何从aurelia的网址获取参数

5 个答案: