Angular ng-bind-html 不适用于 YouTube 嵌入

我试着jsfiddel http://jsfiddle.net/N2RgN/4/使用 ng-bind-html。 它似乎不适用于 YouTube 嵌入，为什么？

<div ng-app="App1">
  <div ng-app="App1" ng-controller="Ctrl">
      <div ng-bind-html="youtube">
      </div>
       <p>this is a youtube {{youtube}}</p>
  </div>
</div>

script

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

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

}]);

编辑：最初，我的示例被简化为仅添加一个链接，感谢 IvorG，我注意到我没有添加“ngSanitize”作为依赖项，在添加依赖项后，我编辑了问题以反映我遇到的原始问题：添加youtube 嵌入。

ng-bind-html 正在与 youtube 嵌入一起使用 你只需要添加$sce.trustAsHtml(value)正在获取的值<iframe>我修改了你的代码查看plunker http://plnkr.co/edit/azQIBhnoln5DSjNiPHFK?p=preview..寻求解决方案

索引.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>

脚本.js

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

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


}]);