javascript - AngularJS在扩展页面中将URL更改为“unsafe：”(AngularJS changes URLs to “unsafe:” in extension page)

Question

I am trying to use Angular with a list of apps, and each one is a link to see an app in more detail ( apps/app.id ):(我正在尝试将Angular与应用列表一起使用，每个应用都是一个链接，可以更详细地查看应用（ apps/app.id ）：)

<a id="{{app.id}}" href="apps/{{app.id}}" >{{app.name}}</a> Every time I click on one of these links, Chrome shows the URL as(每次我点击其中一个链接时，Chrome都会将网址显示为) unsafe:chrome-extension://kpbipnfncdpgejhmdneaagc.../apps/app.id Where does the unsafe: come from?(unsafe:来自哪里？)   ask by ebi translate from so

Answer 1

You need to explicitly add URL protocols to Angular's whitelist using a regular expression.(您需要使用正则表达式向Angular的白名单中明确添加URL协议。)

Only http , https , ftp and mailto are enabled by default.(默认情况下，仅启用http ， https ， ftp和mailto 。) Angular will prefix a non-whitelisted URL with unsafe: when using a protocol such as chrome-extension: .(Angular将使用unsafe:的非白名单URL作为前缀unsafe:当使用chrome-extension:等协议时chrome-extension: 。) A good place to whitelist the chrome-extension: protocol would be in your module's config block:(将chrome-extension:列入白名单的好地方chrome-extension:协议将在您的模块的配置块中：) var app = angular.module( 'myApp', [] ) .config( [ '$compileProvider', function( $compileProvider ) { $compileProvider.aHrefSanitizationWhitelist(/^s*(https?|ftp|mailto|chrome-extension):/); // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...) } ]); The same procedure also applies when you need to use protocols such as file: and tel: .(当您需要使用诸如file:和tel:协议时，同样的过程也适用。) Please see the AngularJS $compileProvider API documentation for more info.(有关详细信息，请参阅AngularJS $ compileProvider API文档 。)