Bir değişken bir iframe src özniteliği ayarlamak için çalışıyorum ve ben de işe gidebilirim

Biçimlendirme:

<div class="col-xs-12" ng-controller="AppCtrl">

    <ul class="">
        <li ng-repeat="project in projects">
            <a ng-click="setProject(project.id)" href="">{{project.url}}</a>
        </li>
    </ul>

    <iframe  ng-src="{{trustSrc(currentProject.url)}}">
        Something wrong...
    </iframe>
</div>

controllers/app.js:

function AppCtrl ($scope) {

    $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 );

    }
}

Bu kod ile, hiçbir şey src özniteliği iframe içine alır. Sadece boş.

Güncelleme 1: AppCtrl ve $Sony, içine $sce bağımlılığın enjekte ettim.() trustUrl şimdi hata atma olmadan çalışır. Ancak eklemek için gerçek bir URL kullanmak nasıl emin değilim TrustedValueHolderType döndürür. Aynı tip $Sony, ben kullanıp iade edilir.bu filmlerde niteliği src="{{trustUrl(currentProjectUrl))}}" parantez içinde veya currentProjectUrl değerini ayarlarken denetleyicisi içinde yaparsam. () trustUrl Hatta her ikisi ile denedim.

Güncelleme 2: Bu trustedUrlHolder kullanarak url dönmek için nasıl anladım .bunu yaptığımda() olabilirdi ama, src özniteliği içine pas vermek istediğimde güvenlik uyarısı veriyor.

Güncelleme 3: Eğer trustAsResourceUrl kullanırsam çalışıyor() denetleyicisi ve bir değişken ng-src özniteliği içinde kullanılan iletin:

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

}

Benim sorunum tam olarak emin değilim ancak bu, neden çözülmüş gibi görünüyor.

trustSrc(currentProject.url) işlevi trustSrc Denetleyici olarak tanımlanan alıntı bakıyor sanıyorum.

Kumanda $sce service enjekte ve 16 ** url için ihtiyaç var.

İçinde kumanda sistemi:

function AppCtrl($scope, $sce) {
    // ...
    $scope.setProject = function (id) {
      $scope.currentProject = $scope.projects[id];
      $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
    }
}

Şablon:

<iframe ng-src="{{currentProjectUrl}}"> </iframe>