android - 在 href 中的 url 之前添加不安全的角度 - 清理不安全的 URL
问题描述
我正在尝试打开一个应用程序。当我提供静态 URL 时,它工作正常。但是当我在 *ngFor 中创建一个动态 href 标记时,我可以看到在 URL 之前添加了 unsafe 关键字并且它不起作用。
我在 Angular 6 上运行。并在服务中获取 Id。在 ngFor 中,我循环结果并创建带有 Id 的链接以打开应用程序。我创建了一个管道,但它仍然无法正常工作。
安全管
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({
name: 'safeurl'
})
export class SafeurlPipe implements PipeTransform {
constructor(private domSanitizer: DomSanitizer) {}
transform(value: any) {
return this.domSanitizer.bypassSecurityTrustUrl(value);
}
}
在组件中,我在 ngFor 标记之间添加了以下行
<a href="appName://joinTournament?id={{t.tag}} |safeurl">Join</a>
解决方案
您需要在插值中使用管道。用你的方式它只是一个字符串(href的一部分)。这意味着,角度不会将其识别为管道或应用程序的一部分。此外,您只需要绑定值本身,无需其他任何内容。在您的情况下,您可以将appName://joinTournament?id=
其作为参数传递给管道。
这是一个有效的解决方案。
向管道添加另一个参数,如下所示
transform(value: any, prefix = '') {
return this.domSanitizer.bypassSecurityTrustUrl(prefix + value);
}
并改变
<a href="appName://joinTournament?id={{t.tag}} |safeurl">Join</a>
至
<a [href]="t.tag | safeurl: 'appName://joinTournament?id='">Join</a>
推荐阅读
- android - 有没有办法以编程方式在 Android 中的图像上创建渐变?
- python - Matplotlib 绘图的颜色在意外时会自动改变
- python-3.x - 在链表的开头插入
- python - 有条件地替换熊猫数据框中的值 - numpy where 行为
- react-native - 通过表单反应原生异步存储保存数据
- javascript - 输入掩码问题
- icons - 如何将图标设置为红色程序中的视图?
- amazon-web-services - 从 S3 加载 Spacy Wordnet 模型
- c - Systemd 状态显示守护进程处于活动状态(正在运行),但守护进程未执行并创建重复进程
- r - 如何在ggplot2中为矩形rasterGrob添加边框?