如果没有数据显示消息

Question

我在Html中有表格，表格中的行是重复的angular-js指令，称为ng-repeat。我正在搜索并订购具有ng-model指令的过滤器文本输入，以便我可以过滤任何数据。我在angularjs app中使用了ui-bootstrap。

一切正常但如果用户搜索并且表中没有数据，那么我想用ng-show指令显示消息。

这是我的代码。

                            <tbody>
                            <tr ng-repeat="item in HocaListesiDetails.slice(((currentPage-1)*itemsPerPage), (currentPage*itemsPerPage)) | filter:Search | orderBy:orderUserSelected " ng-style="item.TabloId == selectedHoca && {'background-color':'#ccc'}" ng-click="hocaSec(item.TabloId)">
                                <td>{{$index+1}}</td>
                                <td>{{item.AdSoyad}}</td>
                                <td>{{item.TcNumarasi}}</td>
                                <td>{{item.Telefon}}</td>
                                <td>{{item.DogumYeri}}</td>
                                <td>{{item.DogumTarihi | formattedFilter | date}}</td>
                            </tr>

                            <tr ng-show="FilteredHocaListesiDetails.length == 0" style="background:#fff;">
                                <td colspan="6">
                                    <div class="alert alert-info">
                                        <p class="text-center">Aradığınız kişi bulunamadı.</p>
                                    </div>
                                </td>
                            </tr>

                        </tbody>

Answer 1

试试这个

<tr ng-show="(FilteredHocaListesiDetails| filter:search).length == 0" style="background:#fff;">
                            <td colspan="6">
                                <div class="alert alert-info">
                                    <p class="text-center">Aradığınız kişi bulunamadı.</p>
                                </div>
                            </td>
                        </tr>

Answer 2

我认为，您需要包含＆＃34;过滤器：搜索＆＃34;在ng-show中检查长度。

＆lt; tr ng-show =＆＃34;（list | filter：search）。length == 0＆＃34;＆gt; No Results＆lt; / tr＆gt;