用于少数值的AngularJs过滤器不'；行不通_Angularjs_Angular Filters_Angular1.6

用于少数值的AngularJs过滤器不'；行不通

angularjs

用于少数值的AngularJs过滤器不'；行不通,angularjs,angular-filters,angular1.6,Angularjs,Angular Filters,Angular1.6,我和angularjs filter一起工作，一切都很顺利，但当我搜索一个工资为30的人（仅举一个例子）时，它不起作用，如果我再增加一个值，它就开始起作用了。有人能解释一下它有什么问题吗插销连杆文件要显示的行：排序方式：名称ASC 出生日期性别ASC 薪金说明搜索：隐藏工资：名字姓氏出生日期性别薪金（数目）薪金（货币） {{employee.firstName |大写}} {{employee.lastName} {{employee.DOB}日期：“dd-MM-y

我和angularjs filter一起工作，一切都很顺利，但当我搜索一个工资为30的人（仅举一个例子）时，它不起作用，如果我再增加一个值，它就开始起作用了。有人能解释一下它有什么问题吗

插销连杆


文件
要显示的行：
排序方式：
名称ASC
出生日期
性别ASC
薪金说明
搜索：
隐藏工资：
名字
姓氏
出生日期
性别
薪金（数目）
薪金（货币）
{{employee.firstName |大写}}
{{employee.lastName}
{{employee.DOB}日期：“dd-MM-yyyy”}
{{employee.gender}小写}
{{员工工资|编号：2}}
{{employee.salary}货币：'$'}
**script.js**
var myApp=angular.module（'myModule'，[]）.controller（'myController'，function（$scope）{
var emp=[
{姓：“本”，姓：“丁”，出生日期：新日期（'1991年12月26日'），性别：“男”，工资：500}，
{姓：“约翰”，姓：“迪奥”，出生日期：新日期（'1991年12月26日'），性别：“男性”，工资：6500.21}，
{姓：“拉杰什”，姓：“库马尔”，出生日期：新日期（'1991年12月26日'），性别：“男性”，工资：3500}，
{姓：“拉什米”，姓：“辛格”，出生日期：新日期（'1991年12月26日'），性别：“女性”，工资：8500.78}，
{姓：“苏米亚”，姓：“库马里”，出生日期：新日期（'1991年12月26日'），性别：“女性”，工资：30}
]
$scope.emp=emp；
$scope.rowLimit=5；
$scope.sortColumn=名称；
});

未应用过滤器的DOB值为“1991-12-25T18:30:00.000Z”，其中包括30。这就是未应用过滤器的原因。你可以把薪水30改成任何其他数字，然后试试看，这会管用的。日期值将根据当前日期和时间更改

您可以使用设置日期值的格式。

当我搜索时，它不会弹出30@AfreenKhanum问题在于日期类型。尝试删除该列并执行filterit，当我搜索30@AfreenKhanum问题在于日期类型。尝试删除该列并进行筛选

<!DOCTYPE html>
<html lang="en" ng-app="myModule">
<head>
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="script.js"></script>
</head>

<body ng-controller="myController">
Rows to display : <input type="number" step="1" ng-model="rowLimit" max="5" min="0" />
Sort By :
<select ng-model="sortColumn">
    <option value="name">Name ASC</option>
    <option value="+dateOfBirth">Date of Birth ASC</option>
    <option value="+gender">Gender ASC</option>
    <option value="-salary">Salary DESC</option>
</select>
Search : <input type="text" placeholder="Search employees" ng-model="searchText" />
<!-- Search : <input type="text" placeholder="Search employees" ng-model="searchText.city"/> -->
Hide Salary: <input type="checkbox" ng-model="hideSalary" />
<table>
    <thead>
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Date Of Birth</th>
            <th>Gender</th>
            <th>Salary(number)</th>
            <th ng-hide="hideSalary">Salary(currency)</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="employee in emp|limitTo:rowLimit|orderBy:sortColumn | filter : searchText">
            <!-- <tr ng-repeat="employee in emp|limitTo:rowLimit|orderBy:'-firstName'"> -->
            <td>{{employee.firstName | uppercase}}</td>
            <td>{{employee.lastName}}</td>
            <td>{{employee.DOB | date:"dd-MM-yyyy"}}</td>
            <td>{{employee.gender |lowercase}}</td>
            <td>{{employee.salary|number:2}}</td>
            <td>{{employee.salary|currency:'$'}}</td>
        </tr>
    </tbody>
</table>
</body>

</html>

**script.js** 
var myApp = angular.module('myModule', []).controller("myController", function ($scope) {
var emp = [
    {firstName:"Ben",lastName:"Ding",DOB:new Date('December 26, 1991'),gender:"Male",salary:500},
    {firstName:"John",lastName:"Deo",DOB:new Date('December 26, 1991'),gender:"Male",salary:6500.21},
    {firstName:"Rajesh",lastName:"kumar",DOB:new Date('December 26, 1991'),gender:"Male",salary:3500},
    {firstName:"Rashmi",lastName:"singh",DOB:new Date('December 26, 1991'),gender:"female",salary:8500.78},
    {firstName:"soumya",lastName:"kumari",DOB:new Date('December 26, 1991'),gender:"female",salary:30}
]
$scope.emp = emp;
$scope.rowLimit = 5;
$scope.sortColumn = name;
});