按钮单击时传递特定的json数据

Question

我有一个按钮列表，用作啤酒草稿列表，显示从json文件加载的一些信息。当用户点击按钮时，我想转到一个页面，该页面将使用相同的json文件显示有关啤酒的更多详细信息。如何将按下的按钮的json数据传递给新页面？

如何获取和使用数据来显示按钮，以及数据。

$str = end(explode("?","https://www.youtube.com/watch?v=-aSJ2nRUcTk&list=PLIaLMmGmfJ03L5A1Xoyxa_034xxSurqrO"));
$params = parse_str($str);
echo $params['v'];
// will echo -aSJ2nRUcTk

JSON

<script>
        var app = angular.module('myApp', []);
        app.controller('myController', function($scope, $http) {
          $http.get('https://api.myjson.com/bins/299d6').success(function(response){
            $scope.beerList = response;});
        });
    </script>

<div ng-app="myApp" ng-controller="myController">
        <div class='list-group'>
            <button type='button' class='btn btn-block btn-text-color' ng-repeat="beer in beerList">
                <h4 class='list-group-item-heading'>{{beer.Beer}}</h4>
                <p class='list-group-item-text'>{{beer.Style + ' / $' + beer.Price}}</p>
            </button>
        </div>
    </div>