AngularJS ng-repeat和video＆ng-src

Question

我有一个显示我内容的基本ng-repeat循环，但如果我将ng-src用于视频代码，则会导致此错误：

Error: [$interpolate:noconcat] Error while interpolating: http://localhost{{post.media}}

我知道我可以使用$sce服务，但我不确定如何在ng-repeat的情况下使用它...

Answer 1

它与ngRepeat无关。 Angular的SCE保护您免受潜在的不安全做法。

1。）您可以在控制器中创建一个生成URL的函数：

var host = 'http://localhost/';
$scope.generateURL = function (media) {
    return host + media;
};

2.）然后，从视图中调用它：

... ng-src="{{generateURL(post.media)}}"

---

请查看 this answer ，详细了解错误发生的原因以及SCE的用途。