离子选择选项并在第二页检索其值答案

【问题标题】：Ionic Select option and retrive its value on second page离子选择选项并在第二页检索其值
【发布时间】：2017-08-11 15:39:35
【问题描述】：

我对 ionic 和 angularjs 非常陌生。我正在使用 ionic 1，我想在从下拉列表中进行选择后获取一个值。在我选择并单击下一步按钮后，另一页将显示我选择的项目的名称。这是在第一页上。在第二页上，如果我在第一页上选择它，我希望它显示通信。我知道这是错误的方式..可以帮助我吗？

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

【问题讨论】：

标签： angularjs select ionic-framework dropdown

【解决方案1】：

您可以使用 ng-modal 获取所选选项。

<select ng-modal="selectedValue">
  <option>Communication</option>
  <option>Customer</option>
  <option selected></option>
</select>

现在您将通过 $scope.selectedValue 获得控制器上的选定选项。

您可以使用 $rootScope 或 stateParam 将此值传递到下一页。

在第一个控制器中，

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

在第二个控制器中，

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

您可以在第二页 HTML 中显示此值，例如 {{selectedValue}}

【讨论】：

我应该在控制器和第二页输入什么？如果你不介意，你能一步一步地帮助我吗？谢谢

【解决方案2】：

保存$rootScope中的值

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

并像这样访问它

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

【讨论】：

我已经尝试过，但该值在我的第二页中仍然不可见。我该怎么做？如果你不介意，你能帮我一步一步吗？谢谢
使用我所做的，在 firstcontroller 中编写第一部分代码，在 nextpagecontroller 中编写第二部分代码