我正在嘗試在 Angular.js 工廠中執行 http 請求。最初我使用了 Fetch API，控制臺沒有顯示任何錯誤。我使用$httpwith實作了它$q，現在它在我的控制臺上顯示錯誤，即使該功能似乎作業。
我越來越
"Error: [$rootScope:inprog] $digest already in progress
http://errors.angularjs.org/1.4.0/$rootScope/inprog?p0=$digest
at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js:68:12
at beginPhase (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js:16073:15)
at Scope.$apply (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js:15817:11)
at n.<anonymous> (https://cdpn.io/cp/internal/boomboom/pen.js?key=pen.js-d35c4e85-c842-3510-cf4e-9d0946fca47f:96:16)
at n.emit (https://cdnjs.cloudflare.com/ajax/libs/algoliasearch-helper-js/2.28.1/algoliasearch.helper.min.js:1:2344)
at https://cdnjs.cloudflare.com/ajax/libs/algoliasearch-helper-js/2.28.1/algoliasearch.helper.min.js:4:24433
at n (https://cdnjs.cloudflare.com/ajax/libs/algoliasearch-helper-js/2.28.1/algoliasearch.helper.min.js:1:8521)
at n (https://cdnjs.cloudflare.com/ajax/libs/algoliasearch-helper-js/2.28.1/algoliasearch.helper.min.js:2:26916)
at n._dispatchAlgoliaResponse (https://cdnjs.cloudflare.com/ajax/libs/algoliasearch-helper-js/2.28.1/algoliasearch.helper.min.js:4:24330)
at processQueue (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js:14454:28)"
我是 Angular.js 的新手，不知道發生了什么。
我實作的代碼筆https://codepen.io/cmgchess/pen/GRMLLwV
我的工廠
var index = 'bestbuy';
var alSH = angular.module('AlgoliaSearchHelper', ['ngSanitize']);
// Expose the helper
alSH.factory('helper',helper);
helper.$inject = ['$http', '$rootScope', '$q'];
function helper($http, $rootScope, $q) {
var customSearchClient = {
search(requests) {
var deferred = $q.defer();
$http.post('https://algolia-backend-search.herokuapp.com/search',{requests}).success(function (response) {
deferred.resolve(response);
});
return deferred.promise;
}
// search(requests, cb) {
// return fetch('https://algolia-backend-search.herokuapp.com/search', {
// method: 'post',
// headers: {
// 'Content-Type': 'application/json',
// },
// body: JSON.stringify({ requests }),
// }).then(function(res){return res.json()}).then(cb)
// }
};
return algoliasearchHelper(customSearchClient, index, {
disjunctiveFacets: ['category'],
hitsPerPage: 7,
maxValuesPerFacet: 3
});
};
uj5u.com熱心網友回復：
我在https://codepen.io/cmgchess/pen/GRMLLwV$scope.$apply的 3 個單獨的地方使用過
helper.on('result', results => {
$scope.$apply($scope.something = results.something );
});
我看到這篇文章https://medium.com/@TuiZ/digest-already-in-progress-c0f97a6becfc并指出
- 在一個 Promise 中使用 $q，Angular 的 Promise 庫，你肯定會在 Angular 背景關系中，所以不需要 $apply 或 $digest
Angular 創建一個新的 $digest only 回圈，當 Promise 被解決時，所以如果你呼叫$scope.$digest() 或 $apply() 在 promise resolve 回呼中，你會得到“$digest already in progress”
所以我所做的就是改變我用過的所有$scope.$apply地方
helper.on('result', results => {
$scope.something = results.something;
});
現在我沒有收到錯誤。我不確定我是否很好地理解了這一點，所以如果有人給出更好的答案，我將不勝感激。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/418964.html
標籤：
上一篇：多個字符與LIKE子句匹配