javascript - AngularJS 错误 : $interpolate:interr Interpolation Error

Question

我正在尝试使用 AngularJS 将 YouTube 视频插入到我的网站中，但我一直收到相同的错误:

Error: $interpolate:interr Interpolation Error

为什么会出现此错误，我该如何摆脱它？我只想插入视频...

App.js

var myApp = angular.module('myApp', [
    'duScroll', 'duParallax', 'angularFileUpload', 'ngRoute', 'ngSanitize'
]);

myApp.filter('youtube', ['$sce', function($sce) {
    return function(val) {
        var videoLink = val;
        var watch = val.indexOf("?v=") + 3;
        var playlist = val.indexOf('&') + 1;

        if (playlist > 0) {
            return $sce.getTrustedResourceUrl('//www.youtube.com/embed/' + val.substring(watch, playlist));
        } else {
            return $sce.getTrustedResourceUrl('//www.youtube.com/embed/' + val.substring(watch, videoLink.length));
        }
    };
}]);

index.jade

iframe(ng-if="story.media.video" src="{{ story.media.video | youtube }}" frameborder="0" allowfullscreen)

Answer 1

在这种情况下它会 seem simpler to whitelist youtube 嵌入路径并去掉过滤器。

此外，您还应该为 iframe 使用 ng-src 而不是 src。

myApp.config(["$sceDelegateProvider", function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        "http://www.youtube.com/embed/**"
    ]);
}]);