离子 - 将数据从一个页面发送到另一个页面

时间:2017-02-05 01:28:38

标签: angularjs ionic-framework

我是离子的新手,我需要帮助将数据从一个视图传递到另一个视图。我在离子视图中显示数据如下:

<table ng-repeat="x in guestlist">
    <tr> 
        <td>{{x.name}}</td>
        <td>{{x.employeeid}}</td>
        <td>{{x.phonenumber}}</td>
    </tr>
</table>

现在,如果我点击任何一行,我想在一个表单中传递这三个值,这是在不同的视图和不同的控制器。有人能引导我吗?

1 个答案:

答案 0 :(得分:0)

您可以使用AngularJs服务将值从一个控制器传递到另一个控制器。我提供了一个示例代码。希望你能从中得到一个想法。单击行值时,将这些值设置为employee对象,然后将其传递给service。然后,您可以使用该服务从第二个控制器访问该员工对象。

  var app = angular.module('yourAppName', []);

  app.controller('firstCtrl', function($scope, yourService) {
    /*Set employee data to service*/
    yourService.employee = $scope.employee;
  });


  app.controller('secondCtrl', function($scope, yourService) {
    /*Get employee data from service*/
    var employee = yourService.employee;
  });

  app.factory('yourService', function() {
    var employee = null;
    return {
      employee: employee
    }
  });