Anzeige NO Daten in AngularJS gefunden Filter

Wie kann ich Anzeigen keine Daten gefunden, wenn gesuchten Datensatz nichtAnzeige NO Daten in AngularJS gefunden Filter

hier ist der Code:

<table> 
     <tbody> 
      <tr ng-repeat="e in employee | filter :search"> 
       <td>{{ e.Name | uppercase }}</td> 
       <td>{{ e.Email | lowercase }}</td> 
       <td>{{ e.Age }}</td> 
       <td>{{ e.Gender }}</td> 
       <td>{{ e.DeptId == "" ? 'Null' : e.DeptId}}} </td> 
      </tr> 
      <tr ng-show="search.length == 0" > 
       <td colspan="5"> No Data found</td> 
      </tr> 

     </tbody> 
    </table>

Quelle

2016-10-20 Venkat

Bitte erläutern Sie, was Ihr Code gegenwärtig der Fall ist - einschließlich aller Fehler, die Sie könnten am in der Developer-Tools-Konsole Ihres Browsers werden Kommissionierung . – ishmaelMakitla

ersetzen search.length mit (employee |filter:search).length == 0.

<tr ng-show="search.length == 0" > 
    <td colspan="5">No Data found</td> 
</tr>

Ersetzen Sie oben mit:

<tr ng-show="(employee |filter:search).length == 0" > 
    <td colspan="5">No Data found</td> 
</tr>

Quelle

2016-10-20 07:56:06 42HacK

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.employee = [{ 
 
    "Name": "Jack", 
 
    "Email": "[email protected]", 
 
    "Age": "25", 
 
    "Gender": "M", 
 
    "DeptId": "" 
 
    }, { 
 
    "Name": "Bob", 
 
    "Email": "[email protected]", 
 
    "Age": "26", 
 
    "Gender": "M", 
 
    "DeptId": "" 
 
    }] 
 
});

table, 
 
td { 
 
    border: 1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
    <input type="text" ng-model="search" /> 
 
    <table> 
 
    <tbody> 
 
     <tr ng-repeat="e in filteredEmployee = (employee | filter : search)"> 
 
     <td>{{ e.Name | uppercase }}</td> 
 
     <td>{{ e.Email | lowercase }}</td> 
 
     <td>{{ e.Age }}</td> 
 
     <td>{{ e.Gender }}</td> 
 
     <td>{{ e.DeptId == "" ? 'Null' : e.DeptId}}</td> 
 
     </tr> 
 
     <tr ng-show="filteredEmployee.length == 0"> 
 
     <td colspan="5">No Data found</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</body>

Quelle

2016-10-20 08:07:08 Weedoze

Anzeige NO Daten in AngularJS gefunden Filter

Antwort

Verwandte Themen