2015-12-06 75 views
0

我使用angular-youtube-embed在我的Angular應用程序中顯示電影預告片。

我必須設置名爲theBestVideo與Youtube鏈接價值$範圍,

$scope.theBestVideo = 'Lm8p5rlrSkY'; 
console.log ($scope.theBestVideo) 

然後,我在我的模板像這樣顯示的預告片,

%youtube-video{"video-id" => "theBestVideo"} 

這裏的問題是ofcourse每部電影都有相同的模板,因爲該值是在控制器中設置的。

我有我的數據庫中其他拖車,我也呈現同一模板的YouTube播放器的值,

%ul.trailers 
    %li{"ng-repeat" => "trailer in trailers | filter: { movie_id: movie.movie_id}"} 
    {{ trailer.link }} 

所以我的問題是,我可以注入的{{ trailer.link }}值到範圍'$ scope.theBestVideo`在我的控制器中?

回答

0

爲什麼不讓視頻模板出現在ng-repeat中?

因此,例如,你將有:

<div ng-repeat="trailer in trailers"> 
    <youtube-video video-id={{trailer.link}}" /> 
</div> 

主要的問題是你如何觸發表示特定的拖車。 如果你有一個預告片清單,那麼我建議的工作。

如果ng-repeat出現在模板的不同部分,那麼您將獲得一個預告片列表(不顯示視頻),並且當您在列表中單擊時顯示視頻 - 只需將ng單擊事件以更改視頻Url