3

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 に切り替わったため、作成されたトランジションが壊れる傾向があります。Peoples コントローラーで、状態の変更を設定するクリック ハンドラーがあるデモを見たことがあります。

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

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

これは、ネストされた状態が単なる静的ビューである場合に機能します。しかし、私が知りたいのは、状態を適切に変更し、パラメーターを渡してデータを取得する方法です。何か案は？

4

1 に答える 1

5

たとえば、この状態の場合:

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

コントローラーでは、次のようにナビゲートできます。

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

または、html に次のようなものを含めることもできます。

<a ui-sref="test({id:detail.id})">Click me</a>
于 2014-02-12T14:19:10.873 に答える