javascript - 从 Web API 加载数据后如何将文件管理器添加到页面？

Question

我正在开发酒店预订网站。我已经完成了从 WebAPI 加载数据的开发。我想在页面加载后添加过滤器。

脚本

function getAll() {
    var sub = {
        Des: $scope.Des,
        DepartureDate: $scope.DepartureDate,
        ReturnDate: $scope.ReturnDate,
        Rooms: $scope.Rooms,
     };

    var getAll = APIService.hotelavailability(sub);
    getAll.then(function (d) {
        console.log("Succss");
        $scope.respData = d.data.hotels;
    }, function (error) {
        console.log('Oops! Something went wrong.');
}

CHTML代码

<div class="hotel_filter">
 <input ng-model="hotelName" class="form-control" placeholder="Search hotel" type="text" id="searchbox">
</div>
<div ng-repeat="hotel in respData.hotels" class="clearfix">  
 <h2>{{hotel.name}}</h2>
</div>

从输入框(搜索框)加载页面后如何过滤酒店数据？

Answer 1

看看这个。这正是你所描述的。 https://docs.angularjs.org/api/ng/filter/filter 。此处显示了示例，但这里是:

<div class="hotel_filter">
 <input ng-model="hotelName" class="form-control" placeholder="Search hotel" type="text" id="searchbox">
</div>
<div ng-repeat="hotel in respData.hotels | filter:hotelName" class="clearfix">  
 <h2>{{hotel.name}}</h2>
</div>