angularjs - 如何在 Plunker 中使用 uiRouter 通过使用 url 参数来设置 $stateParams？

Question

我正在尝试使用 plunker 使用 url 查询参数来演示某些内容，但我什至无法显示参数(因此无法演示我原来的问题)。

我创建了一个简单的 plunker，其中 states url 属性如下所示: url: '/root?firstParam'然后我想要的是用我在浏览器的 url 中为该 queryParameter 写入的内容填充 $stateParams.firstParam 。 Plunker , plunkerWithParameter?firstParam=foo

我认为第一个网址的 $stateParams.firstParam 未定义，但第二个网址设置为“foo”。但这两种情况都是未定义的。

如何设置$stateParams.firstParam？

Answer 1

编辑:看起来这实际上是可能的(@Rogerio Soares 的回答证明了这一点)。将我的答案保留在这里，因为代码中存在其他错误。

由于 Plnkr 应用程序在 iFrame 中运行，因此无法从 Plnkr 应用程序的浏览器搜索栏中获取参数。我在下面解决了您的另一个问题:

我将参数添加到您的 otherwise 语句中，如下所示:

$urlRouterProvider.otherwise('/root?firstParam=test');

问题在于，当没有找到其他路由时，您重定向到 root，并且您没有为该路由指定任何参数。

更新了 PlunkR:https://plnkr.co/edit/OxEGVkhzBO332ym3q8fV?p=preview