javascript - 带有模型数据的 Ui-Router

Question

使用 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>

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

score 5 · Accepted Answer

例如对于这种状态：

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

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

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

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

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

1 回答 1