Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何过滤Angular 2中的链接?_Angular - Fatal编程技术网

如何过滤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;

}