Question

好的，我正在尝试将数据从一个页面传递到另一个页面。基本上我从api获取数据，然后根据该数据布局页面类别及其详细信息。

这些细节中的每一个都是一个链接，按下后，只将这些细节发送到模板页面，模板页面将获取数据并布置页面。

    var app = angular.module('example', [require 'angular-route']);

    app.controller('example_ctrl', ['$scope', '$http', function($scope, 
    $http){
        $http.get('example_data.json').success(function(data){
            $scope.response = data;
        });
    }]);

以上将允许我从api端点获取数据。我明白了。但是我如何通过html中的重复链接传输数据是我感到困惑的地方。

    <ul>
        <li ng-repeat='item in response'>
            <a href='?????????'>
                <p>{{item.title}}</p>
            </a>
        </li>
    </ul>

Answer 1

这里最好的方法是使用服务并将其注入您的控制器

我假设您正在使用角度1

app.service('yourService', function() {
  var yourList = [];

  var get = function(){
      return yourList ;
  };

 var add = function(list) {
      yourList.push(list);
  };

  var getSpecific = function(x){
      return yourList[x] ;
  };

  return {
    get : get ,
    getSpecific: getSpecific,
    add: add
  };

});

在您的控制器中，您可以重复使用服务中的信息

app.controller('example_ctrl', function($scope, yourService) {
    $scope.response= yourService.get();
});

将数据从一个页面传输到下一个页面

1 个答案: