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的用途。