如何过滤Angular 2中的链接?
我正在做一个项目,其中数据是从服务器加载的。正在获取一些带有如何过滤Angular 2中的链接?,angular,Angular,我正在做一个项目,其中数据是从服务器加载的。正在获取一些带有.jpg的链接。我不想要它们。因此,我尝试用.jpg格式文件过滤掉链接: <div *ngFor="let item of items$|async" class="result"> <div class="link"> <p filterLink(item.link)>{{item.link}}</p> </div> </div>
.jpg
的链接。我不想要它们。因此,我尝试用.jpg
格式文件过滤掉链接:
<div *ngFor="let item of items$|async" class="result">
<div class="link">
<p filterLink(item.link)>{{item.link}}</p>
</div>
</div>
但代码不起作用。我做错什么了吗
filterLink(item.link)
作为属性应该是什么?当你说“不工作”时,你能用一个扩展吗?使用一个自定义管道在你的*ngFor@jornsharpe项目中进行过滤。link
是从服务器加载的链接。我的想法是,通过创建函数filterLink()
并检查每个url来传递值:那么,您需要什么*ngIf=“filterLink(item.link)”
吗?在这种情况下,filterLink
应返回true或false,无论是否显示。你现在应用它的方式在语法上毫无意义。@Ludwig如果你能给我一个答案,那就太好了。我正在学习这个技术堆栈。:)
export class ResultComponent implements OnInit {
fileFormat: string;
}
filterLink(link) {
this.fileFormat = link.filter(fileLink => !fileLink.includes(".jpg"));
return this.fileFormat;
}