2016-10-14 3 views
1

私はionic item-dividerを使用しているアプリケーションを作成しています。リストヘッダーをクリックすると、ユーザーは現在選択されているアイテムを更新して削除できる新しいビューにリダイレクトされます。私が直面する問題は、最初のページから2番目のページに情報をプッシュできないためですつまり、選択した項目とそのサブ項目の両方をプッシュして、両方を編集して保存するようにしたいとします。私のコントローラでkeyを使用して、何が選択されているかを知ってください。その後、選択したオプションとその関連情報を次のページに更新して保存するのに苦労しています。私は最初のページがどのように見えるかを描いています。他のページにリダイレクトされた後、選択したアイテムを更新するには

plnkr link

メインビュー:物事はあなたが間違っている

<ion-list> 
    <ion-item ng-model="carBrand" ng-repeat="name in carSelect">  
    <button ng-click="selectItem(name)">{{name.name}}</button> 
    <div class="item" ng-repeat="type in name.types">{{type}}</div> 
    </ion-item> 
    </ion-list> 

答えて

1

あなたはそれは、あなたがに行くために、明示的なの.htmlファイルを適切なルーティングを使用傾ける必要が

$state.go('second.html',{key}); 

を使用カント。あなたが唯一の後藤secongページをできることをした後、この

carService.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

    .state('first', { 
     url: '/first', 
     templateUrl: 'templates/first.html', 
     controller: 'carBrand' 
    }) 
    .state('second', { 
     url: '/second', 
     templateUrl: 'templates/second.html', 
     controller: 'secondCTRL', 
     params: { 
      object: null 
     } 
    }); 
    $urlRouterProvider.otherwise('/first'); 
}) 

ようなあなたのjsに設定一部を追加する必要があります。そして、パラメータを渡すため あなたのsecondControllerにその$ rootScope.selectItemを使用することができ、あなたはこの

$state.go('second', {object:key}); 

のようにそれを通過する必要がありますが、あなたがパラメータを渡す必要がいけないので、あなたは、$ rootScopeを使用しています。

希望はあなたに役立ちます..ありがとう

関連する問題