Question

我刚刚开始使用Angular，我正在尝试将http.get的响应重定向到另一个html页面result.html。我使用服务来共享数据：

这是我的控制器代码：

  app.controller("controller", function($scope, $http, $window, sharedProperties){
  $scope.generate = function(){
    $http.get('repositories', {params: { username : $scope.username }}).
    then(function mySucces(response) {
      $scope.error = "";
      sharedProperties.setData(response.data);
      $window.location.href = '/result.html';
    }, function myError() {
      $scope.error = "Wrong Username";
    });
  }
});

app.controller("resultController", function($scope, $window,sharedProperties){
  $scope.names = sharedProperties.getData();
  $scope.home = function() {
    $window.location.href = '/index.html';
  }
  });

以下是services.js代码：

app.service('sharedProperties', function() {
    var data;
    return {
        getData: function() {
            return data;
        },
        setData: function(value) {
            data = value;
        },
    }
});

以下是index.html正文：

<div ng-app="App" ng-controller="controller">
    <p>
      <input type="text" ng-model="username"  placeholder="Enter username here" required>
      <button ng-click="generate()">Generate</button>
    </p>

   {{ error }}
</div>

以下是我想要回复的result.html：

<div ng-app="App" ng-controller="resultController">
    <p><button ng-click="home()">Home</button></p>
    <ul>
        <li ng-repeat="x in names">
            {{ "Name: " + x.name + ", Languages: " + x.languages }}
        </li>
    </ul>
</div>

controller将响应数据设置为sharedProperties，以便resultController可以使用它，但是在页面重定向到result.html后，结果不会显示。

更新

似乎两个控制器之间没有共享数据，console.log显示undefined。是因为2个不同的html文件？还是因为redirect？

更新2

我意识到重定向会重置所有数据，因此我使用sessionStorate作为服务：

app.service('sharedProperties', function() {

    return {
        getData: function() {
            return sessionStorage.sharedProperties;
        },
        setData: function(value) {
           sessionStorage.sharedProperties = value;
        },
    }
});

然而console.log而不是显示json的值，它显示：

"[object Object],[object Object],[object Object],[object Object],[object Object]"

真正的价值应该是：

[{"name":"git-consortium","languages":"No Language Reported"},{"name":"hello-worId","languages":"No Language Reported"},{"name":"Hello-World","languages":"No Language Reported"},{"name":"octocat.github.io","languages":"CSS JavaScript HTML "},{"name":"Spoon-Knife","languages":"CSS HTML "}]

对此有何想法？

Answer 1

即使我得到的回复是json，我仍然必须使用angular.toJson()转换为json。

以下是保存json数据的服务：

app.service('sharedProperties', function() {
    return {
        getData: function() {
            return angular.fromJson(sessionStorage.sharedProperties);
        },
        setData: function(value) {
           sessionStorage.sharedProperties = angular.toJson(value);
        },
    }
});

所以现在即使重定向到另一个页面，我仍然可以访问数据。

将JSON响应重定向到另一个html页面（Angular）

1 个答案: