javascript 从 url 获取 id 有两个选项。

Question

我有链接:

      https://localhost:44301/.../.../2e8f0070-ff56-4f88-a316-b6d45f67b749/

然后我可以通过这个方法获取ID:

    var index = window.location.href.lastIndexOf("/");
            if (index > 0 && index + 1 < window.location.href.length) {
                return window.location.href.substring(index + 1);
            } else {
                return null;
            }

但是如果链接是:

    https://localhost:44301/.../.../2e8f0070-ff56-4f88-a316-b6d45f67b749#/

来自 AngularJS 路由的哈希值。

那么如何获取不带“#”字符的ID呢？

Answer 1

如果您使用ui-router，您的代码应该如下所示:

.state('stateName', {
  url: '/object/:id',
  controller: 'ObjectCtrl',
  templateUrl: 'views/object.html'
  ...
});

然后，从 Controller 开始，您可以使用 $stateParams 访问该 id 值

(() => {
  app.controller('ObjectCtrl', objectCtrl);
  objectCtrl.$inject = ['$scope', '$stateParams'];
  function objectCtrl($scope, $stateParams) {
    let id = $stateParams.id;
    console.log(id); // prints "2e8f0070-ff56-4f88-a316-b6d45f67b749"
  }
})();