2017-03-20 7 views
0

イオンとanglejsの新機能です。私はイオン1を使用しています。ドロップダウンから選択した後に値を取得したいのですが、選択して次のボタンをクリックすると、他のページに最初のページにある項目の名前が表示されます。 2番目のページで、1番目のページでそれを選択すると、通信が表示されます。私はこれが間違った方法であることを知っています。Ionicオプションを選択し、2番目のページでその値を取得します

<label class="item item-input item-select"> 
<div class="input-label"> 
    Initiative A 
</div> 
<select> 
    <option>Communication</option> 
    <option>Customer</option> 
    <option selected></option> 
    </select>  

+0

{{SelectedValueの}}のように第2ページのHTMLにこの値を表示することができます「次へ」ボタンをクリックするとページが表示されますか? –

答えて

0

のようにアクセス。

これで、$ scope.selectedValueによって選択されたオプションがコントローラに表示されます。

$ rootScopeまたはstateParamを使用して、この値を次のページに渡すことができます。最初のコントローラで

、前記第二のコントローラで

.controller('myCtrl1',function($scope, $rootScope){  
     $rootScope.myValue = $scope.selectedValue; 
}) 

.controller('myCtrl2',function($scope, $rootScope){  
     $scope.selectedValue = $rootScope.myValue; 
}) 

あなたは次に移動するにはどうすればよい

+0

コントローラと2番目のページにはどうすればいいですか?あなたが気にしないなら、私はステップバイステップで手助けすることができます。ありがとうございました –

+0

私は答えを更新しました。 –

+0

ありがとうございます..その作業:) –

2

保存$rootScope

.controller('Ctrl_1',function($rootScope){  
      $rootScope.myValue= "communication(i.e, use ng-modal)" 
}) 

の値とあなたはNG-モーダル使用して、選択したオプションを取得することができ、この

.controller('Ctrl_2',function($rootScope){ 
alert("what is my value? " + $rootScope.myValue); 
}) 
+0

私は試して、値はまだ私の2番目のページに表示されません。私は正確に何をすべきですか?あなたが気にしないなら、私はステップバイステップで手助けすることができます。ありがとう –

+0

正確に私がやったことを使って、firstcontrollerのコードの最初の部分とnextpagecontrollerの2番目のコードを書きます –

関連する問題