각도 앱에 Google 캘린더 포함하기

Question

Anggular로 작업중인 Chrome 확장 프로그램에서 ng-src를 사용하는 데 문제가 있습니다. URL을 살균하기 위해 $ sce를 사용해야한다고 생각했습니다. 내 컨트롤러에서 나는이 :

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

이것이 최선의 방법인지 확실하지는 않지만 제대로 작동하는지 확인하십시오.