Javascript angularjs指令适用于JSFIDLE，但不适用于localhost

我尝试创建标签，以便在我的网站上使用YT视频。一切都可以在jsfiddle（）上运行，但是在我的服务器上使用相同的代码是行不通的。所做的查询是针对localhost:5000/{{url}的，显然它失败了。我在哪里可以找到问题

'use strict';

var module = angular.module('App')
  .controller('ProfileCtrl', function($scope) {
})
.directive('youtube', function ($sce) {
    return {
      restrict: 'EA',
      scope: {
          video: '@video'
      },
      link: function (scope) {
        scope.$watch('video', function (video_id) {
           scope.url = $sce.trustAsResourceUrl("http://www.youtube.com/embed/" + video_id);
        });
      },
      template: "<iframe width='560' height='315' src={{url}} frameborder='0' allowfullscreen></iframe>",
    };
});

“严格使用”；
变量模块=角度模块（'应用'）
.controller（'ProfileCtrl'，函数（$scope）{
})
.指令（'youtube'，函数（$sce）{
返回{
限制：“EA”，
范围：{
视频：“@video”
},
链接：功能（范围）{
范围：$watch（'video'，功能（video\u id）{
scope.url=$sce.trustAsResourceUrl（“http://www.youtube.com/embed/“+视频标识）；
});
},
模板：“”，
};
});

我在index.html中使用ui视图类，在profile.html中使用标记

<youtube video="aOD43neIwO4"></youtube>

---

我使用的是angularjs 1.2.11版

你能分享index.html和profile.html中的相关标记吗？我注意到你的fiddler代码和你在这里发布的代码之间的一个区别是src属性缺少引号。我还建议在模板字符串中使用ng source和转义双引号<代码>“”谢谢！ng src确实起了作用。我是个新手，忘记了这个事实。