javascript - ng-click : pass data selectedItem between pages angularjs

Question

因此，我能够选择列表中的项目，但目的是在我单击它时将所选列表的数据传递到另一个/route 中。我需要一些帮助，因为我真的不知道如何继续。如果你知道朋克的例子，请不要犹豫告诉我:)

波纹管是我的选项SuggestionController

app.controller('optionSuggestionController', ['$scope', '$http', function($scope, $http) {

  $http.get('suggestions.json')
       .then(function(res){
          $scope.suggestions = res.data;                
        });

    $scope.setMaster = function(suggestion) {
        $scope.selected = suggestion;
    }

    $scope.isSelected = function(suggestion) {
        return $scope.selected === suggestion;
    }
}])

下面是我的数据列表

<ul class="list-holder">
    <li ng-repeat="suggestion in suggestions" ng-class="{active : isSelected(suggestion)}">
        <a ng-click="setMaster(suggestion)">{{suggestion.fromto}}</a>
    </li>
</ul>

下面是我的suggestions.json

[{ "fromto": "Dublin to London", "img": "http://placekitten.com/100/100" },
    { "fromto": "Dublin to Paris", "img": "http://placekitten.com/100/100" },
    { "fromto": "Dublin to Mexico", "img": "http://placekitten.com/100/100" }]

Answer 1

我认为您可以使用提供程序“$rootScope”。

$rootScope.selected = suggestion;

您可以在其他 Controller 中访问此数据。

希望对您有所帮助。