AngularJS - 嵌入Youtube視頻網址時出現問題

Question

我正在嘗試嵌入URL鏈接從Json到angularJs。

現在我有{{video.youtubeid}}與以JSON控制器輸出具有_kux-YQujjM

但是當我使用調用內部這個功能，它不工作。

當我使用內部p標籤這種功能，它顯示輸出爲_kux-YQujjM

這是iframe標籤使用我的代碼。

<iframe width="100%" height="250" src="//www.youtube.com/embed/{{video.youtubeid}}" frameborder="0" allowfullscreen=""></iframe> 

是否我錯過了我的代碼中的任何東西，或者有什麼方法可以獲得鏈接與此鏈接的URL。

任何幫助將被讚賞。

Answer 1

這是beceuse SCE的，不允許你像 '東西{{myModelValue}}' 結構雖然你應該配置SCE以允許YouTube訪問

.config(function($sceDelegateProvider) { 
    $sceDelegateProvider.resourceUrlWhitelist([ 
    'self', 
    '*://www.youtube.com/**' 
    ]); 
}); 

這裏是一個工作plunker http://plnkr.co/edit/PZXy6RyiWo60KcIyYh5n?p=preview

Answer 2

使用NG-SRC：

<iframe width="100%" height="250" ng-src="http://www.youtube.com/embed/{{video.youtubeid}}" />