Winkeländerungen URLs zu „unsicher“ in Verlängerung Seite

Question

Ich versuche, mit einer Liste von Anwendungen Eckige zu verwenden, und jeder ist ein Link auf eine App im Detail (apps/app.id) zu sehen:

<a id="{{app.id}}" href="apps/{{app.id}}" >{{app.name}}</a> 

Jedes Mal, wenn ich auf einen dieser Links klicke, zeigt Chrome die URL als unsafe:chrome-extension://kpbipnfncdpgejhmdneaagc.../apps/app.id

Woher kommt die unsafe:?

Answer 1

Sie müssen explizit einen regulären Ausdruck URL Protokolle Angular Whitelist hinzuzufügen. Nur http, https, ftp und mailto sind standardmäßig aktiviert. Angular wird bei Verwendung eines Protokolls wie chrome-extension: eine URL ohne Whitelist mit unsafe: voranstellen.

Ein guter Ort, um die weiße Liste der chrome-extension: Protokoll in Ihrem Modul Config Block würde:

var app = angular.module('myApp', []) 
.config([ 
    '$compileProvider', 
    function($compileProvider) 
    { 
     $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/); 
     // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...) 
    } 
]); 

Das gleiche Verfahren gilt auch, wenn Sie Protokolle wie file: und tel: verwenden müssen.

Weitere Informationen finden Sie im AngularJS $compileProvider API documentation.

Answer 2

Google Chrome benötigt seine Erweiterungen zur Zusammenarbeit mit Content Security Policy (CSP).

Sie müssen Ihre Erweiterung ändern, um die Anforderungen von CSP zu erfüllen.

https://developer.chrome.com/extensions/contentSecurityPolicy.html

https://developer.mozilla.org/en-US/docs/Security/CSP

Auch hat AngularJS ngCsp Richtlinie, die Sie verwenden müssen.

http://docs.angularjs.org/api/ng.directive:ngCsp

Answer 3

Falls jemand hat dieses Problem mit Bildern, wie auch:

app.config(['$compileProvider', function ($compileProvider) { 
    $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|chrome-extension):/); 
}]); 

Answer 4

Wenn Sie nur für E-Mail benötigen, tel und SMS verwenden diese:

app.config(['$compileProvider', function ($compileProvider) { 
    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|sms|tel):/); 
}]);