Bearbeiten Dulicate von AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https.Zugriff auf Winkelvorlagen über Dateiprotokoll (z. B. auf localhost)
Gibt es eine Möglichkeit, separate HTML-Dateien (mit eckigen Vorlagen) über das Chrome file
Protokoll zugänglich zu machen?
Zum Beispiel, wenn Sie den Code von dieser Frage kopieren und es nur auf Ihrem Desktop ausführen, wird es in Firefox gut funktionieren, aber in Chrome nicht funktionieren.
Es scheint, dass Chrome es aus Sicherheitsgründen einschränkt, aber vielleicht gibt es eine mehr oder weniger konventionelle Art, es zu übergeben.
index.html
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script src="templates.js"></script>
<body ng-app="myApp">
<wrapper>
<p>foo</p>
</wrapper>
</body>
templates.js
(function(angular) {
'use strict';
angular.module('myApp', [])
.directive('wrapper', function() {
return {
restrict: 'E',
transclude: true,
templateUrl:
'./tpl-wrapper.html'
};
});
})(window.angular);
TPL-wrapper.html
<div style="background-color: #ccc">
<div ng-transclude></div>
</div>
Firefox
Chrome
Es wird etwas Zeit brauchen, um es zu testen, wenn es wirklich Arbeit für den beschriebenen Fall ist. Sie * wissen * es oder nur * annehmen *? :-) –
@ johnc.j. Ich erinnere mich an ein paar Monaten, ich musste einige Tests machen, damit ich es tatsächlich weiß – amanuel2
Hmm, derzeit funktioniert es nicht für mich. Vielleicht sollte ich einige Einstellungen hinzufügen ... –