具有模型数据的Ui-Router

Question

使用Angular,Ionic和UI-Router,我试图改变状态并将数据传递给State Params.使用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>

如果嵌套状态只是静态视图,则此方法有效.但我想知道的是如何正确地改变状态并传递参数来获取数据.有任何想法吗？

Answer 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>