AngularJS의 변수에서 iFrame Src 속성을 신뢰하고 설정하는 방법은 무엇입니까?

AngularJS의 변수에서 iFrame Src 속성 설정

AngularJS에서 iFrame의 src 속성을 설정하려고 할 때 문제가 발생할 수 있습니다. 변수에서. 이 문제를 해결하려면 제공된 코드를 자세히 조사해야 합니다.

<br>function AppCtrl($scope) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$scope.projects = {

    1 : {
        "id" : 1,
        "name" : "Mela Sarkar",
        "url" : "http://blabla.com",
        "description" : "A professional portfolio site for McGill University professor Mela Sarkar."
    },

    2 : {
        "id" : 2,
        "name" : "Good Watching",
        "url" : "http://goodwatching.com",
        "description" : "Weekend experiment to help my mom decide what to watch."    
    }
};

$scope.setProject = function (id) {
    $scope.currentProject = $scope.projects[id];
    console.log( $scope.currentProject );

}

로그인 후 복사

}

문제의 핵심은 ng-src 속성에서 참조되는 trustSrc 함수가 없다는 것입니다. URL 문자열을 삭제하기 위해 trustAsResourceUrl 메소드를 활용하려면 $sce 서비스를 컨트롤러에 삽입해야 합니다.

<br>function AppCtrl($scope, $sce) { // Injected $sce 서비스</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// ...

$scope.setProject = function (id) {
  $scope.currentProject = $scope.projects[id];
  $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
  console.log( $scope.currentProject );
  console.log( $scope.currentProjectUrl );

}

로그인 후 복사