$ digest（）迭代達成。中止！當獲得Vimeo縮略圖內ngRepeat

我想解析視頻網址和渲染縮略圖。它在YouTube上工作（儘管我沒有實現API文檔）。如果視頻來自Vimeo，我的瀏覽器會凍結，或者有時縮略圖是空白的。如何在ngRepeat中獲得Vimeo視頻縮略圖？

這裏是plunker鏈接：

http://plnkr.co/edit/R2yDwc4fjz1xBPiVCv60?p=preview

我註釋掉Vimeo的部分，以避免結冰。

$http.jsonp(("http://vimeo.com/api/v2/video/" + parsed.id + ".json?callback=JSON_CALLBACK&_=") + (new Date().getTime())).success(function(r) { 
     _url = r.thumbnail_large 
    }).error(function(e) { 
     console.log(e); 
    });

來源

2014-10-20 dr.calix

可能是滯後的原因是ngRepeat中的請求太多。在這種情況下，較好的策略是準備數據的前期和重複使用只顯示它：

// first prepare 
$scope.properties = $scope.properties.map(function (prop) { 
    prop.thumbnail = VideoParser.getThumbNail(prop.video); 
    return prop; 
}) 

// then in html just use <img ng-src='{{ prop.thumbnail }}'>

也值得檢查出是否Vimeo的API允許獲得一組縮略圖，而不是查詢其中的一個逐一。

來源

2014-10-20 15:36:09

我的瀏覽器仍然凍結，並得到這個錯誤$ digest（）迭代達成。中止！ – 2014-10-20 16:00:13

錯誤可能在其他地方。您可以嘗試將thumb設置爲內部映射'prop.thumbnail ='某個圖像';'並運行應用程序以查看它是否因Vimeo API的查詢而失敗。 – 2014-10-20 16:37:18

如上所述，確認這是對Vimeo API的查詢造成的問題。 – 2014-10-20 16:43:26

$ digest（）迭代達成。中止！當獲得Vimeo縮略圖內ngRepeat

回答

相關問題