angularjs - Angular 不安全的链接

Question

在 AngularJS 中，在以下场景中，Firefox 放置 unsafe:在以以下方式生成的 url 之前。然后它显示一个错误页面，上面写着“地址不被理解”。这是我本地 PC 上的文件请求。

关联:

<li ng-repeat="fruit in fruits">
    <a href="{{ fruit.link }}">{{ fruit.title }}</a>
</li>

大批:

$scope.fruits = [
    {   "title"     :   "Orange",
        "link"      :   "fruits_orange.html"  }
];

Answer 1

您正在看到此提交的副作用:
https://github.com/angular/angular.js/commit/9532234bf1c408af9a6fd2c4743fdb585b920531旨在解决一些安全隐患。

此提交为以 file:// 开头的 url 引入了非向后兼容更改。 (随后在 https://github.com/angular/angular.js/commit/7b236b29aa3a6f6dfe722815e0a2667d9b7f0899 中放宽了

我假设您使用的是 1.0.5 或 1.1.3 AngularJS 版本之一。如果是这样，您可以重新启用对 file:// 的支持URL 通过配置 $compileProvider像这样:

angular.module('myModule', [], function ($compileProvider) {

  $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file):/);

});

或者在 Angular 1.2.8 及更高版本中:

angular.module('myModule', [], function ($compileProvider) {

  $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file):/);

});