替换$ scope

Question

我使用angular-youtube-embed在我的Angular应用程序中显示电影预告片。

我必须使用youtube链接值

设置名为theBestVideo的$范围

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

然后我在我的模板中显示预告片，如此，

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

这里的问题是每个电影都有相同的模板，因为值是在控制器中设置的。

我的数据库中有其他预告片的值，我也在与youtube播放器相同的模板上呈现，

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

所以我的问题是，我可以将{{ trailer.link }}的值注入我控制器中的范围＆＃;; scope.theBestVideo`吗？

Answer 1

为什么不在ng-repeat中显示视频模板？

例如，您将拥有：

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

主要问题是如何触发显示特定预告片。 如果您有预告片列表，那么我的建议将起作用。

如果ng-repeat出现在模板的不同部分，那么您将有一个预告片列表（不显示视频），当您在列表中单击它时会显示视频 - 只需绑定ng-点击事件以更改videoUrl