2015-07-05 86 views
0

我想在我的角模板中添加搜索框,用戶可以輸入任何字符,系統將根據用戶輸入過濾來自不同表格的數據。如果沒有學生髮現比我想顯示消息'沒有找到匹配的學生'面臨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> 
+2

您正在訪問超出其範圍的'student.entityStudents',它將始終爲空 –

+0

是否過濾結果並顯示「找不到匹配的學生」 – Sajal

+0

@ Dev-One是它過濾並顯示消息。 – immirza

回答

0

請給我plunkr,這將有助於我回答你的問題 我認爲這個問題是你直接寫信沒有匹配發現你沒有寫{{student.entityStudents}}或任何你的變量名是

這裏的問題是一個錯字<div ng-repeat="studentPermissions in studentPermissions">你具有兩個可變因素

0

的同名我已經解決了通過基於搜索結果控制全球範圍內變量,不是顯示/不顯示的UI消息這一問題。