Créer une directive YouTube AngularJS

J'ai créé la directive AngularJS suivante pour intégrer les vidéos youtube:

// A Simple youtube embed directive .directive('youtube', function() { return { restrict: 'EA', scope: { code:'=' }, replace: true, template: '<div style="height:400px;"><iframe style="overflow:hidden;height:100%;width:100%" width="100%" height="100%" src="http://www.youtube.com/embed/{{code}}" frameborder="0" allowfullscreen></iframe>' }; }); 

Lorsque je l'appelle depuis mon modèle <youtube code="r1TK_crUbBY"></youtube> , j'obtiens l'erreur suivante:

Erreur: [interpoler $: noconcat] Erreur lors de l'interpolation: http://www.youtube.com/embed/ {{code}} L'Exploration contextuelle stricte interdit les interpolations qui concatent plusieurs expressions lorsqu'une valeur de confiance est requise. Voir http://docs.angularjs.org/api/ng . $ Sce

Je ne peux pas identifier ce qui ne va pas avec la directive dans l'expression {{code}} .

• Angular JS identifie un événement complet et supprime # de l'url en js angulaires lors du changement de vue
• Comment modifier les données AngularJS en dehors de la portée?
• Dans le routage UIP angulaire, l'URL imbriquée change, mais le modèle ne se charge pas
• PDF Blob – Fenêtre contextuelle ne montrant pas de contenu
• Différence entre angular.copy () et assignation (=)

• Le modèle d'entrée passe d'Integer à String lorsqu'il est modifié
• Communication globale dans le module angulaire: bus événementiel ou modèle / service médiateur
• AngularJS utilisant $ sce.trustAsHtml avec ng-repeat
• Angular.js ng-repeat sur plusieurs tr
• Essais unitaires dans AngularJS – Mocking Services and Promises

 .directive('youtube', function($sce) { return { restrict: 'EA', scope: { code:'=' }, replace: true, template: '<div style="height:400px;"><iframe style="overflow:hidden;height:100%;width:100%" width="100%" height="100%" src="{{url}}" frameborder="0" allowfullscreen></iframe></div>', link: function (scope) { scope.$watch('code', function (newVal) { if (newVal) { scope.url = $sce.trustAsResourceUrl("http://www.youtube.com/embed/" + newVal); } }); } }; });