如何设置 URL 参数并在表格中对其进行过滤答案

【问题标题】：How can I set the URL parameters and filter it on the table如何设置 URL 参数并在表格中对其进行过滤
【发布时间】：2015-08-03 09:38:53
【问题描述】：

有人可以纠正我这些代码的工作原理吗？我知道这些不是工作代码。我在如何传递 URL 参数名称和开始日期时遇到问题。

我想创建一个搜索按钮，例如输入名称“peter”，然后单击它。它将显示所有名称“peter”，然后 URL 就像 .与开始日期相同，例如，如果您键入 2015-01-01，则 url 就像

    <!DOCTYPE html>
<html ng-app="myTable">
    <head>
        <title>project  43</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
        <script type="text/javascript">
            var myTable = angular.module('myTable', []);
            myTable.controller('tableCtrl', function ($scope, $http) {
                $http.get("", {headers: {Authorization: 'vuNYhXbpKfH7dxkL40aCQ1o2JDEiVrRdsds'}})
                        .success(function (response) {
                            debugger
                            $scope.members = response.events;
                            $scope.totals = response.paging;
                        });
            });
            //url
            http://staging.api.sample.com/events.json?name=peter&start_date_from=2015-01-01
                    $location.search();
            Result:
            {
                name : 'peter',
                start_date_from:'2015-01-01'
            }
        </script>
    </head>
    <body ng-controller="tableCtrl">
        <table id="filtertable"border="5">
            <tr>
                <th>Event</th>
                <th>Account Shop</th>
                <th>Place</th>
                <th>Activity</th>
            </tr>
            <tr ng-repeat="member in members">
                <td>
                    {{member.Event.name}}<br>  <!--names-->
                    {{member.Event.id}}<br>
                    {{member.Event.date_start}}<br>   
                    {{member.Event.date_end}}<br>     
                <td>
                    {{member.AccountShop.id}}<br>
                    {{member.AccountShop.name}}<br>
                    {{member.AccountShop.short_code}}<br>
                </td>
                <td>
                    <div ng-repeat="Place in member.Place">
                        {{Place.id}}<br>
                        {{Place.name}}<br>
                        {{Place.lk_country_code}}<br>
                    </div>
                </td>
                <td>
                    <div ng-repeat="Activity in member.Activity">
                        {{Activity.id}}<br>
                        {{Activity.short_description}}
                    </div>
                </td>
        </table>
    </body>
</html>

【问题讨论】：

标签： angularjs json filter parameters html-table

【解决方案1】：

您可以使用$location 获取网址参数，例如$location.search().name;

var myTable = angular.module('myTable', []);
myTable.controller('tableCtrl', function ($scope, $http, $location) {
    // HERE IS WHAT YOU ASKED FOR
    var name = $location.search().name;

    $http.get("http://staging.api.sample.com/events.json", {
        headers: {
            Authorization: 'vuNYhXbpKfH7dxkL40aCQ1o2JDEiVrRdsds'
        }
    })
        .success(function (response) {
        debugger
        $scope.members = response.events;
        $scope.totals = response.paging;
    });
});

【讨论】：

是的，我也试过了，先生，但上面没有搜索按钮，是的，我也试过了，先生，但上面没有搜索按钮，我想要的是有一个搜索按钮就像如果您键入名称“Peter”，那么如果您要单击它。它将加载所有名称“彼得”。并且 URL 类似于 staging.api.sample.com/events.json?name=peter .. 希望您能提出更多建议。这是我 1 周的噩梦，哈哈。 1 周的反复试验。
我试过你的代码先生，但没有任何反应。我必须设置名称吗？像彼得？怎么样？