Angularjs 将数据从一条路由传递到另一条路由

Angularjs 将数据从一条路由传递到另一条路由,angularjs,Angularjs,它必须能够在路由控制器之间传递数据。例如,在一个路由中有一个输入字段,其内容将显示在下一个路由中。我不希望它带有$rootScope <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <script> var app = angular.module('my

它必须能够在路由控制器之间传递数据。例如,在一个路由中有一个输入字段,其内容将显示在下一个路由中。我不希望它带有
$rootScope

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
Name: <input ng-model="name">
<h1>You entered: {{name}}</h1>

<a href="">Click to see this data to another page (route)</a>
</div>
</body>
</html>

var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.name=“John Doe”;
});
姓名:
您输入:{{name}
请参见此


写下控制器之间共享数据的服务。我该如何做?我不明白。你能帮我吗?应用程序如何改变路线?这是SPA(单页应用程序)吗?或者它会重新加载整页以更改路由?如前所述,这个问题太广泛了。可能是重复的感谢,但我还不能这样做
app.factory('storageService', ['$rootScope', function($rootScope) {

    return {
        get: function(key) {
            return sessionStorage.getItem(key);
        },
        save: function(key, data) {
            sessionStorage.setItem(key, data);
        }
    };
}]);

app.controller('myCtrl',['storageService',function(storageService) {

  // Save session data to storageService
  storageService.save('key', 'value');

  // Get saved session data from storageService
  var sessionData = storageService.get('key');

});