如何在 angular.js 中实现自定义路由？

Question

我有一条路线：

.state('home.blog', {
  url: "/blog",
  templateUrl: "blog.html",
  controller: "BlogController"
})

我的路线是localhost:3000/home/blog，我想把它改成localhost:3000/blog。我在网上搜索了但没有找到任何简单的解决方案。

Answer 1

这是因为 url 部分来自父级。但我们可以显式设置，'^' 不应使用该父级：

.state('home.blog', {
  url: "^/blog",
  templateUrl: "blog.html",
  controller: "BlogController"
})

查看文档

Absolute Routes (^)

如果你想进行绝对 url 匹配，那么你需要在你的 url 字符串前面加上一个特殊符号 '^'。

$stateProvider
  .state('contacts', {
     url: '/contacts',
     ...
  })
  .state('contacts.list', {
     url: '^/list',
     ...
  });