イオンのコントローラーからのビューにURLを渡すことができません

Question

Youtubeビデオを再生するiframeビューにYoutubeビデオURLを渡そうとしています。しかし、ビューを開くと、白いページが表示され、それ以外は表示されません。

コントローラ

.controller('youtubeCtrl', function ($scope, $http, $ionicSideMenuDelegate){ 

    // Pop-up Navigation Menu 
    $scope.openMenu = function() { 
    $ionicSideMenuDelegate.toggleLeft(); 
    } 

    $scope.video_url = "https://www.youtube.com/embed/LFTEUBHpFq0"; 
}) 

ビュー私はIFRAMEを開き、プレイするには「pass'video_urlしたい

<ion-view title="Youtube"> 
    <ion-nav-buttons side="left"> 
    <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button> 
    </ion-nav-buttons> 

    <ion-content> 
    <div class="video-container"> 
     <iframe ng-src={{video_url}} frameborder="0" width="560" height="315" allowfullscreen></iframe> 
    </div> 
    </ion-content> 
</ion-view> 

。しかし、それは起こっていません。私は間違って何をやっているのですか？どんな助けでも大歓迎です。

Answer 1

コントローラに$sceサービスを、そしてそこにURLをtrustAsResourceUrl注入する必要があります。

お使いのコントローラにあります。このことができますFiddle

希望の作業

.controller('youtubeCtrl', function ($scope, $http, $ionicSideMenuDelegate, $sce){ 

    // Pop-up Navigation Menu 
    $scope.openMenu = function() { 
    $ionicSideMenuDelegate.toggleLeft(); 
    } 
    var videoSource = "https://www.youtube.com/embed/LFTEUBHpFq0"; 
    $scope.video_url = $sce.trustAsResourceUrl(videoSource) 

}) 

。