问

angular ng-bind-html不适用于youtube embed

zhaojiapin_313 发布于 2023-01-29 19:21

我尝试使用ng-bind-html 来使用jsfiddel.它似乎与youtube嵌入无关,为什么？


  
      
      
       this is a youtube {{youtube}}

脚本

var myApp = angular.module('App1', ['ngSanitize']);

myApp.controller('Ctrl', ['$scope', function($scope){
    $scope.youtube = '';

}]);

编辑:最初我的例子被简化为只添加一个链接,感谢IvorG我注意到我没有添加'ngSanitize'作为依赖项,添加依赖项后我编辑了问题以反映我遇到的原始问题:添加一个youtube嵌入.

1 个回答

ng-bind-html正在使用youtube嵌入你只需要添加$sce.trustAsHtml(value)值即可获取<iframe> 我修改了你的代码检查了plunker ..对于解决方案

的index.html

<div ng-app="App1">
  <div ng-app="App1" ng-controller="Ctrl">
    <H1>This is a youtube Embeded Video</h1>
      <div ng-bind-html="youtube"></div>
  </div>
</div>

的script.js

var myApp = angular.module('App1', ['ngSanitize']);

myApp.controller('Ctrl', ['$scope','$sce', function($scope,$sce){
    $scope.youtube = $sce.trustAsHtml('<iframe   src="//www.youtube.com/embed/FZSjvWtUxYk" frameborder="0" allowfullscreen></iframe>');


}]);

2023-01-29 19:22 回答

G路过的彩虹

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签