我正在尝试将 Angular 与应用程序列表一起使用，每个应用程序都是一个链接，可以更详细地查看应用程序 ( apps/app.id)：
<a id="{{app.id}}" href="apps/{{app.id}}" >{{app.name}}</a>
每次我点击这些链接之一时，Chrome 都会将 URL 显示为
unsafe:chrome-extension://kpbipnfncdpgejhmdneaagc.../apps/app.id
在什么地方unsafe:来的呢？
您需要使用正则表达式将 URL 协议显式添加到 Angular 的白名单。只有http，https，ftp并mailto默认启用。角将前缀与非列入白名单的URLunsafe:使用的协议，例如当chrome-extension:。
将chrome-extension:协议列入白名单的一个好地方是在module的配置块中：
var app = angular.module( 'myApp', [] )
.config( [
'$compileProvider',
function( $compileProvider )
{
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/);
// Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...)
}
]);
当您需要使用file:和等协议时，同样的过程也适用tel:。
有关更多信息，请参阅 AngularJS $compileProvider API 文档。
如果有人对图像有此问题，也：
app.config(['$compileProvider', function ($compileProvider) {
$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|chrome-extension):/);
}]);
如果您只需要邮件、电话和短信，请使用：
app.config(['$compileProvider', function ($compileProvider) {
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|sms|tel):/);
}]);
谷歌浏览器要求其扩展程序与Content Security Policy (CSP).
您需要修改扩展名以满足CSP.
https://developer.chrome.com/extensions/contentSecurityPolicy.html
https://developer.mozilla.org/en-US/docs/Security/CSP
此外，angularJS 有ngCsp您需要使用的指令。
<a href="{{applicant.resume}}" download> download resume</a>
var app = angular.module("myApp", []);
app.config(['$compileProvider', function($compileProvider) {
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local|data|chrome-extension):/);
$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|chrome-extension):/);
}]);