Angular AppにGoogleカレンダーを埋め込む

Question

Anggularで作成しているChrome拡張機能でng-srcを動作させるのに問題があります。 $ sceを使用してURLをサニタイズする必要があることが分かりました。私のコントローラでは私が持っている：

chrome.storage.sync.get({calendar: '', tasklist: ''}, function(items) { 
    var src = 'https://calendar.google.com/calendar/embed?src=' + items.calendar; 
    $scope.calendar = $sce.trustAsResourceUrl(src); 
}); 

はその後、私のHTMLに、私が持っている：

<iframe class="full-width" id="calendar-embed" ng-src="{{ calendar }}" style="border: 0" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

私も*持っている：//calendar.google.com/**私の設定でホワイトリストに登録します。

私は何を忘れていますか？ chrome.storage APIへの非同期呼び出しと関係がありますか？

Answer 1

私は問題がマニフェストファイルの "content_security_policy"にあり、意図された動作である可能性があることを知りました。 SOに記載されている回避策があります。Injecting iframe into page with restrictive Content Security Policy

これがベストプラクティスであるかどうかはわかりませんが、わかりません。