带有模型数据的 Ui-Router

Posted 2023-03-16

【中文标题】带有模型数据的 Ui-Router

【英文标题】：Ui-Router with model data

【发布时间】：2014-03-10 22:01:52

【问题描述】：

使用 Angular、Ionic 和 UI-Router，我正在尝试更改状态并将数据传递给状态参数。使用 Angular 内置的 Ng-Route，这很容易，但只需以这种方式创建一个链接。

<a href="state2/detail.id">Brings me to state 2 with detail about this item</a>

但由于 Ionic 已切换到 UI-Router，这往往会破坏已创建的转换。我看过演示，在人员控制器中，有一个设置状态更改的点击处理程序：

      $scope.switchState = function()
        $state.go('abstract.main'); 

        <a ng-click="switchState">Change States</a>

如果嵌套状态只是一个静态视图，则此方法有效。但我想知道的是如何正确更改状态并传递参数以获取数据。有什么想法吗？

【参考方案1】：

例如对于这种状态：

.state('test', 
    url: '/test/:id',
    templateUrl: 'insertpathhere.html'
)

在您的控制器中，您可以像这样导航：

$state.go('test',  id: 420 );

或者你可以在你的 html 中有这样的东西：

<a ui-sref="test(id:detail.id)">Click me</a>

【讨论】：

我尝试了 ui-sref 和控制器中的状态更改，但由于某种原因，id 没有传递。所以现在它显示为 State 2

也许你可以发布一个小提琴或类似的东西。您可以通过github.com/angular-ui/ui-router/wiki/…查看更多信息

这个问题实际上与我的链接设置方式无关，而与我的标记方式有关。我的一个观点没有 ，这让整个事情变得混乱。不过，我会将其标记为已回答以寻求您的帮助。谢谢