javascript - 打开Modal并更改URL，而无需更改AngularJS中的 View

我正在尝试使用angularjs打开一个模式。

我到任务列表的路线是：

/client/:id/task/list

它的工作正常。
现在，我试图在列表上方以模式显示任务信息。

我的路线是：

/client/:id/task/:id

如何打开列表视图上方的模式，更改URL，但不更改视图？

我看到了很多与此相关的主题，但没有解决方案。

谢谢。

最佳答案

您可以指定要显示为模态的状态，并在处理后返回到想要的状态。例如;

app.config(function ($stateProvider) {
  $stateProvider.state('tasks', {
    url: '/tasks',
    templateUrl: 'tasks.html',
    controller: 'TasksCtrl'

  }).state("tasks.show", {
    url: "/tasks/:id",
    onEnter: function($stateParams, $state, $modal) {
      $modal.open({
        templateUrl: "show.html",
        resolve: {},
        controller: function($scope, $state) {
          $scope.ok = function () {
            $scope.$close();
          };
          $scope.dismiss = function () {
            $scope.$dismiss();
          };
        }
      }).result.then(function (result) {
         // $scope.$close
      }, function (result) {
         // $scope.$dismiss
      }).finally(function () {
        // finally
        return $state.transitionTo("tasks");
      });
    }
  });
});

此处相关的竖琴演奏者http://plnkr.co/edit/fCyrlH