在角度應用中嵌入Google日曆

Question

我無法使ng-src與我使用Angular製作的Chrome擴展一起工作。我發現我需要使用$ 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

不知道這是否是最佳實踐，但它的工作。