Javascript angular 8管道用于对数据进行排序,但不起作用

Javascript angular 8管道用于对数据进行排序,但不起作用,javascript,angular,typescript,Javascript,Angular,Typescript,我正在为在线考试创建一个angular应用程序。试图在里面使用管道。 我通过我的数据服务获得了一系列的考试。 我想根据受欢迎程度对它们进行分类,所以我创建了一个管道来完成这项工作。 像这样 从'@angular/core'导入{Pipe,PipeTransform}; @烟斗({ 名称:“流行” }) 导出类PopularPipe实现PipeTransform{ 转换(值:any,args?:any):any{ var popularTests=value.filter(函数(hero){ re

我正在为在线考试创建一个angular应用程序。试图在里面使用管道。 我通过我的数据服务获得了一系列的考试。 我想根据受欢迎程度对它们进行分类,所以我创建了一个管道来完成这项工作。 像这样

从'@angular/core'导入{Pipe,PipeTransform};
@烟斗({
名称:“流行”
})
导出类PopularPipe实现PipeTransform{
转换(值:any,args?:any):any{
var popularTests=value.filter(函数(hero){
return hero.category==“Medical”;
});
log(popularTests)//console正在以我需要的精确格式打印数组
}
}
我的问题是,当我在html获取错误中使用它时

can not read undefined
我是这项技术的新手,我遵循了文档中给出的步骤,但仍然不走运
任何帮助都会有帮助

我想应该有一个返回声明。因为要让它工作,你需要返回数据。 您的管道工作正常,因为您正在通过控制台在管道中打印数据。 最后添加一个返回语句


从“@angular/core”导入{Pipe,PipeTransform};
@烟斗({
名称:“流行”
})
导出类PopularPipe实现PipeTransform{
转换(值:any,args?:any):any{
var popularTests=value.filter(函数(hero){
return hero.category==“Medical”;
});
console.log(popularTests)
return popularTests;//这将完成此任务
}
}

请粘贴您的html,如果这仍然给您任何错误

我认为应该有一个返回语句。因为要让它工作,你需要返回数据。 您的管道工作正常,因为您正在通过控制台在管道中打印数据。 最后添加一个返回语句


从“@angular/core”导入{Pipe,PipeTransform};
@烟斗({
名称:“流行”
})
导出类PopularPipe实现PipeTransform{
转换(值:any,args?:any):any{
var popularTests=value.filter(函数(hero){
return hero.category==“Medical”;
});
console.log(popularTests)
return popularTests;//这将完成此任务
}
}

如果仍然出现任何错误,请粘贴html。您需要返回值。把它想象成一个真正的管道——有东西进来,有东西出来。您可以直接编写返回语句,比如
returnvalue.filter(…
),而不是编写
var popularTests


旁注:请使用类型。它们非常有用,并且是使复杂应用程序开发变得更容易的因素之一。

您需要返回值。想象它像一个真实的管道,有东西进来又有东西出来。您可以直接编写返回语句,如
return value.fi,而不是编写
var popularTests
过滤器(…


旁注:请使用类型。它们非常有用,并且是使复杂应用程序开发更加容易的因素之一。

您应该在transform方法中返回值。您可以发布模板代码以及如何使用管道吗?请也发布您的html,以查看您如何使用它。您应该在transform方法中返回值。您可以吗你发布了你的模板代码以及你是如何使用管道的?请发布你的html,看看你是如何使用它的。