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，这往往会破坏已经创建的转换。我看过演示，其中在人民 Controller 中，有一个设置状态更改的点击处理程序:

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

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

如果嵌套状态只是一个静态 View ，这会起作用。但我想知道的是如何正确更改状态并传递参数以获取数据。有什么想法吗？

Answer 1

例如对于这个状态:

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

在您的 Controller 中，您可以像这样导航:

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

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

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