我想在我的角模板中添加搜索框,用戶可以輸入任何字符,系統將根據用戶輸入過濾來自不同表格的數據。如果沒有學生髮現比我想顯示消息'沒有找到匹配的學生'面臨Angular過濾器的問題
在這裏,我想要做的。
問題我面臨的是
它始終顯示在不考慮搜索結果的「不匹配的學生找到的消息」。
<div>
<input type="text" ng-model="searchStudent">
<div>
<div ng-repeat="studentPermissions in studentPermissions">
<div ng-repeat="student in studentPermissions.entities">
<table>
<thead>
<tr>
<td >Student</td>
<td>{{student.StudentName}}</td>
</tr>
<tr>
<th></th>
<th ng-repeat="permission in student.entityStudents[0].userPermissions"><div><span>{{permission.Name}}</span></div></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="student in student.entityStudents | filter:searchStudent">
<td>{{student.FirstName}} {{student.LastName}}</td>
<td ng-repeat="permission in student.userPermissions">
<input ng-model="permission.Checked" type="checkbox">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div ng-show="!(student.entityStudents | filter:searchStudent).length">
No match student found
</div>
您正在訪問超出其範圍的'student.entityStudents',它將始終爲空 –
是否過濾結果並顯示「找不到匹配的學生」 – Sajal
@ Dev-One是它過濾並顯示消息。 – immirza