AngularJS NG-重复和视频的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）您可以创建在你的控制器函数生成的网址：

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

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

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

---

乘坐请看this answer了解错误发生的原因以及SCE的用途。