2016-04-12 17 views
0

多段階のフォームを作成しようとしており、ビュー/状態間でデータを共有できません。私が角度uiルータに慣れていないので、私がこれについて行っている方法も正確ではないと私は確信しています。ここに私のルートです:多段階フォームと角度ui-routerとのデータの共有

.state('tab.newEventCategory', { 
    url: '/activities/new-event-category', 
    views: { 
    'tab-patient': { 
     templateUrl: 'templates/new-event-category.html', 
     controller: 'ActivityDashboardCtrl' 
    } 
    } 
}) 

.state('tab.newEventSubCategory', { 
    url: '/activities/new-event-sub-category', 
    views: { 
    'tab-patient': { 
     templateUrl: 'templates/new-event-sub-category.html' 
    } 
    } 
}) 

私は誰かがカテゴリを選択したら、彼らはその後、彼らはサブカテゴリを選択するページに移動するように、上記のルートを使用しようとしています。ここで新しいイベント・カテゴリページです:

<div ng-repeat="event_category in event_categories" class="padding"> 
    <a class="button button-block button-positive button-large" ng-click="moveToEventSubCategory(event_category)"> 
     {{event_category}} 
    </a> 
</div> 

は、ここのページのコントローラです:

.controller('ActivityDashboardCtrl', function($scope, $stateParams, EventCategory, $state) { 
    $scope.formData = {}; 
    $scope.event_categories = EventCategory.query(); 

    $scope.moveToEventSubCategory = function(event_category){ 
    $scope.formData.category = event_category; 
    $state.go('tab.newEventSubCategory'); 
    } 
}) 

私の問題は、今私はnewEventSubCategory状態は同じFORMDATAにアクセスできるようにしたいということですサブカテゴリを追加することができます。この後、この多段フォームにはさらに多くのページがあり、すべて同じフォームデータ変数にアクセスできるようにします。これはどうすればいいですか?

+1

は/私はそれを行うだろうか、フォームデータ – Ronnie

+0

を設定し取得するためのサービスを作成します。あなたはサービスが何であるかを仕事をしたいとどのようにユーザーにそれらをした場合

はこれを見ていますか?私はまったく新しい角度になっています – Philip7899

+0

あなたはすべてのステップで1つのコントローラを使用するのでしょうか? – Ronnie

答えて

関連する問題