SafeValue 必须使用 [property]=binding：答案

【问题标题】：SafeValue must use [property]=binding:SafeValue 必须使用 [property]=binding：
【发布时间】：2016-09-15 17:52:25
【问题描述】：

我的输入中出现以下错误：

SafeValue must use [property]=binding: http://www.myurl.com (see http://g.co/ng/security#xss)

我在我的组件中做了：

this.myInputURL = this.sanitizer.bypassSecurityTrustUrl('http://www.myurl.com');

在我的模板中：

Share URL: <md-input [value]="myInputURL" type="text"></md-input>

怎么了？

【问题讨论】：

标签： angular

【解决方案1】：

改变这个

this.sanitizer.bypassSecurityTrustUrl('http://www.myurl.com');

到

this.sanitizer.bypassSecurityTrustResourceUrl('http://www.myurl.com');

绕过安全性并相信给定的值是一个安全样式的 URL，即可以在超链接或 . source angular.io

绕过安全性并相信给定的值是一个安全的资源 URL，即一个可用于加载可执行代码的位置，例如或。 source angular.io

【讨论】：

【解决方案2】：

我也遇到了同样的问题。虽然我没有完全阅读文档，但组件内的清理似乎没有按预期工作。

什么是有效的，但是在模板中进行清理。例如：

<object type="text/html" [data]="sanitizer.bypassSecurityTrustResourceUrl(app.url)" ngDraggable></object>

其中app.url在组件中声明：

public url: SafeResourceUrl = "http://example.com"

希望这会有所帮助。

【讨论】：

【解决方案3】：

我也发生了同样的事情。这是因为跨域限制。只需使用嵌入版本链接 https://www.youtube.com/embed/video-ID 而不是常规网址 https://www.youtube.com/watch?v=Video-ID

是的，您仍然会收到相同的警告，但您现在可以忽略它，因为一切都会按预期工作。

【讨论】：