Javascript Angularjs中的自定义筛选器不工作

Javascript Angularjs中的自定义筛选器不工作,javascript,php,angularjs,html,codeigniter,Javascript,Php,Angularjs,Html,Codeigniter,我正在尝试用Angularjs实现自定义过滤器。但我不明白这有什么问题。未按预期获得输出。这是我的密码: script.js var myApp = angular.module('myModule', []); myApp.filter("gender", function(){ return function(gender){ switch(gender){ case 1 : return 'Male'; case 2 : return 'Female';

我正在尝试用Angularjs实现自定义过滤器。但我不明白这有什么问题。未按预期获得输出。这是我的密码:

script.js

var myApp = angular.module('myModule', []);
myApp.filter("gender", function(){
  return function(gender){
    switch(gender){
      case 1 : return 'Male';
      case 2 : return 'Female';
    }
  }
});

myApp.controller('myController', function($scope){
var employees = [
    { name : 'Raghu', gender : '1', salary : 84000.779 },
    { name : 'Anil', gender : '1', salary : 78000 },
    { name : 'Ramya', gender : '2', salary : 118000 },
    { name : 'Shwetha', gender : '2', salary : 68000 },
    { name : 'Chethan', gender : '1', salary : 168000 }
];
$scope.employees = employees;
}))

page.html

<div class="container" ng-controller="myController">
        <h1>Angular Example Ten</h1>
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Gender</th>
                    <th>Salary</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="employee in employees">
                    <td>{{ employee.name }}</td>
                    <td>{{ employee.gender | gender }}</td>
                    <td>{{ employee.salary }}</td>
                </tr>
            </tbody>
        </table>
    </div>

角度示例十
名称
性别
薪水
{{employee.name}
{{employee.gender}性别}
{{employee.salary}}

将数字大小写更改为字符串值:

case '1' : return 'Male';
case '2' : return 'Female';
因为
1!==“1”


console.log('1!=“1::”,1!=“1”);//true
将数字大小写更改为字符串值:

switch(gender){     
    case '1' : return 'Male';
    case '2' : return 'Female';
default: return 'Male';
}
您应该将其转换为字符串,并具有默认结果


您传递的数字是字符串而不是整数。将开关箱编号更改为字符串

switch(gender){
      case "1" : return 'Male';
      case "2" : return 'Female';
    }
var myApp=angular.module('myModule',[]);
myApp.filter(“性别”,函数(){
返回函数(性别){
调试器
开关(性别){
案例“1”:返回“男性”;
案例“2”:返回“女性”;
}
}
});
myApp.controller('myController',函数($scope){
var雇员=[
{姓名:'Raghu',性别:'1',工资:84000.779},
{姓名:'Anil',性别:'1',工资:78000},
{姓名:'Ramya',性别:'2',工资:118000},
{姓名:'Shwetha',性别:'2',工资:68000},
{姓名:'Chethan',性别:'1',工资:168000}
];
$scope.employees=员工;
});

角度示例十
名称
性别
薪水
{{employee.name}
{{employee.gender}性别}
{{employee.salary}}

console中是否有任何错误?如果您也提到了您得到的输出,这将非常有用。没有错误,性别列为空。。