带有过滤器的 Angular 即时搜索不适用于 JSON api 调用

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 之外