如何将变量发送到不同的页面Angular.js

Question

在我的首页上，我列出了不同类型的实践。我希望这些链接都链接到我的搜索页面，并发送包含练习ID的变量。

这是我的有角度的应用程序

var app = angular.module("sa_app", ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
            .when('/', {
                templateUrl: 'index.php',
                controller: 'controller'
            })
            .when('/search/:p_id', {
                templateUrl: 'index.php?page=search',
                controller: 'controller'
            })
            .otherwise({
                template: 'Nothing here to see.'
            });
}]);


app.controller("controller", ['$scope', '$routeParams', function ($scope, $routeParams) {

}]);


app.controller("controller", function ($scope, $http) {
$scope.show_results = function () {
    $http.get("handlers/search.php")
            .success(function (data) {
                $scope.results = data;
            });
};

这是我的html链接

<a class='p-1 pt-2 box-img-practice' href='#search/{{x.practice_id}}'>
        <img class='img-practice' src='uploads/{{x.img}}'>
        <div class='pt-1'>{{x.name}}</div>
</a>

问题是，当我单击链接时，只有URL更改。重定向到搜索页面无法进行。

---

由于某种原因它发布了我的html链接错误

<a href='#search/{{x.practice_id}}'>
    <img class='img-practice' src='uploads/{{x.img}}'>
    <div class='pt-1'>{{x.name}}</div>
</a>