Javascript 我想从控制器绑定iframe的src

我想使用角度控制器设置

iframe

标记的

src

。 我的信号源需要先通过一个过滤器。下面是这样的

<iframe ng-src="{{source| youtubeEmbedUrl}}">
</iframe>

我认为混合jQuery可以在angular controller中完成任务。这是我在控制器内的失败尝试

$("#id_of_the_iframe_div").html('<iframe ng-src="{{'+videoUrl+' | youtubeEmbedUrl}}"></iframe>');

$（“iframe分区的id”）.html（“”）；

videoUrl

包含我要播放的视频的url。

---

任何帮助都很好。

哦，根本不要使用jQuery！使用

ng if

显示iFrame-并在控制器内使用

过滤器

：

$scope.playVideo = function(index, video) {
    //Obviously some other stuff happens here
    //The jist is - do your logic in here to get your source
    //Trigger a variable to show the iframe
    $scope.showVideo = true; //for showing the iFrame
    $scope.videoUrl = $filter('youtubeEmbedUrl')($scope.videoUrl); //Dont forget to inject $filter in your controller
}

以及HTML：

<iframe ng-if="showVideo" ng-src="{{videoUrl}}"></iframe>

您必须编译它。不要在angular中这样使用jquery。是的，我知道它需要编译，但在经历了大量的头脑风暴后，我非常渴望尝试它。嘿，这是一个很好的答案，现在还有一件事。我实际上在

ng repeat

中有这些iframe。因此，我将src命名为

videoUrl$index

。您能告诉我如何将“$scope.videoUrl”等效于

{{videoUrl$index}}

{{videoUrl+$index}}

@sagarpatroin-controller-like

$scope.videoUrl+index

。行吗？

<iframe ng-if="showVideo" ng-src="{{videoUrl}}"></iframe>