带有iframe的AngularJs

本文介绍了带有iframe的AngularJs的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

为什么此jsfiddle 无法正常工作?我无法获取videoId的值.如果我从模块中删除ngRoute，那么它工作正常.

Why this jsfiddle is not working? I am not able to get value of videoId. If I remove ngRoute from module then it is working fine.

推荐答案

您需要像这样使用ng-src:

<div ng-controller="AppController">
    <h1>{{videoID}}</h1>
    <iframe class="youtube-player" type="text/html" width="auto"
    height="auto" ng-src="{{videoID}}"
    allowfullscreen="" frameborder="0"> </iframe>
</div>

和

var app = angular.module('my-app', []);
app.controller('AppController', function ($scope, $sce) {
    $scope.videoID = $sce.trustAsResourceUrl('http://www.youtube.com/embed/C0DPdy98e4c');
});

请参见本文档.

这篇关于带有iframe的AngularJs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！