如何解决如何创建一个按子字符串过滤字符串并将其删除的Angular管道
我想创建一个有角度的管道,按子字符串过滤字符串,如果出现子字符串,它将返回一个新的过滤字符串。
这里给我带来的困难是过滤器必须在两个单独的项目上工作。
以下是模板的相关部分:
<span class="type">{{ item.type | filterTypeNames }}</span>
<span class="name">{{ item.name | filterTypeNames }}</span>
这是我的烟斗:
从'@ angular / core'导入{Pipe,PipeTransform};
@Pipe({
name: 'filterTypeNames'
})
export class FilterTypeNamesPipe implements PipeTransform {
transform(value: string,...args: any[]): any {
// Many different substrings are possible here (used 'TEST' for testing)
if (value.indexOf('TEST') !== -1) {
} else {
return value;
}
}
}
以下是管道的工作方式示例:
如果类型为“ TEST”,名称为“ TEST-A1”,则管道应返回“ TEST-A1”。因此,不应再次显示子字符串“ TEST”。
所以:
测试
TEST-A1
应成为:
TEST-A1
..,并且仅在类别为“ type”的范围内显示。类别为“名称”的范围应该为空。
如果名称和类型不同,则应保持不变。例如:
测试
BLABLA-A1
..应保持不变。
我目前不知道如何合并或比较这些值,将不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。