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

之外