Question

我有两个州的申请。 State1没有模式对话框，State2有一个自定义模式框。如果我在State2模态窗口启动时单击浏览器后退按钮，它将带我回到之前的状态State1。我不想要这个（因为如果您多次打开和关闭模式，浏览器将返回所有这些）。删除UI路由器中的URL可以解决这个问题，但我有另一个问题。

我需要将多个参数发送到状态，但显然它只会让我发送一个。我有以下状态。

.state('state2',{
    params: {id: NaN, type: "empty"},
    views:{
        'modalContent':{
            templateUrl: 'templates/modal-content-super-region.html',
            controller: 'ModalStatesCtrl'
        }
    }
})

以下指令：

<a ui-sref="state2({id: 1, type: 'someStringHere'})">The link</a>

当我登录日志$stateParams时，我得到以下内容：

{ id: 1, type: "empty"}

所以指令正确地传入了id，但根本没有设置类型，传入的类型仍然保留在它的默认值。有什么我能做的吗？没有URL（我绝对不能）我只能传入一个状态参数吗？

Answer 1

有a working plunker。而且我必须说，看来，你的例子，你的表达是按原样运作的。也许只是代码中的一些错字......

所以，未更改的state2和state1（使用url查看一些生成的href）

// just to have state with standard <a> generated - url is needed
.state('state1', {
  // url is supporting href being generated
  url: "/state1",
  params: {
    id: NaN,
    type: "empty"
  },
  views: {
    'modalContent': {
      templateUrl: 'templates/modal-content-super-region.html',
      controller: 'ModalStatesCtrl'
    }
  }
})
// unchanged state def
.state('state2', {
  params: {
    id: NaN,
    type: "empty"
  },
  views: {
    'modalContent': {
      templateUrl: 'templates/modal-content-super-region.html',
      controller: 'ModalStatesCtrl'
    }
  }
});

这就是调用它们并传递params的方式：

<a ui-sref="state1({id: 1, type: 'someStringHere'})">
<a ui-sref="state2({id: 22, type: 'someOtherHere'})">

检查here

在Angular UI路由器中发送多个参数而不指定网址？

1 个答案: