Question

我试图使用AngularJS从API端点收集JSON数据，并且工作得很好。我能够使用数据制作列表。还尝试包含搜索输入。但是使用过滤器的即时搜索不起作用。我仔细检查了语法，但似乎很好。任何建议将不胜感激。

            <label>Search: <input type="text" ng-model="search"> </label>
                    <div class="list-group">
                                <div ng-app="listBuilderFromJsonData" ng-controller="listDatasBootstrap">
                                    <a href="#" class="list-group-item" ng-repeat="data in datas | filter:search">
                                        {{data.title}}
                                </a>
                              </div>
                            </div>                    
                    <script>
                     var app= angular.module('listBuilderFromJsonData', []);
                       app.controller('listDatasBootstrap', function($scope, $http){
                        $http.get("https://api.end.point.url").then(function(response){
                            $scope.datas = response.data.items;             
                        });
                        });
                </script>

Answer 1

将ng-app放在根级别。这里您的搜索文本框在ng-app

之外

使用过滤器进行角度即时搜索无法使用JSON api调用

1 个答案: