4

自分のドメインで正常に機能するAngularアプリケーションを使用して、他のいくつかのサイトに「埋め込み」たいと思います。

アプリはng_viewディレクティブでパーシャルを使用するため、アプリをページの1つに「注入」するために必要なのは...

<div ng-app="myapp" ng-view></div>

私のアプリはこんな感じです...

angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives', 'ui']).
config(['$routeProvider', function($routeProvider) {
    $routeProvider.otherwise({templateUrl: 'partials/mainTemplate.html', controller: myController});
}]);

これは正常に機能しますが、アプリを別のサイトに「注入」しようとすると、スクリプト参照を外部化することに加えて、アプリを次のように変更しました...

angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives', 'ui']).
config(['$routeProvider', function($routeProvider) {
    $routeProvider.otherwise({templateUrl: ''http://mydomain.com/partials/mainTemplate.html', controller: myController});
}]);

しかし、それは機能しません...エラーも何もありません、それは私のアプリをレンダリングしないだけです。

何か案は？外部の部分参照は許可されていますか？...ブラウザは過度に保護されていますか？私は完全に異なるアプローチを取るべきですか？

4

1 に答える 1

1

ビューを取得するには、mydomain.comでCORSを有効にする必要があると思います。そして、bUKaneerが言うように、$sceDelegateProvider.resourceUrlWhitelistにmydomain.comを追加する必要があります

于 2014-07-23T15:33:45.363 に答える