我正在尝试 angularjs 文档中给出的代码（在这里给出：http: //jsfiddle.net/zGqB8/）它只是实现了一个时间工厂并使用 $timeout 在每秒之后更新时间对象。
angular.module('timeApp', [])
.factory('time', function($timeout) {
var time = {};
(function tick () {
time.now = new Date().toString();
$timeout(tick, 1000); // how to do it using setInterval() ?
})();
return time;
});
我将如何使用 setInterval() 函数而不是 $timeout() 来做到这一点？我知道需要使用scope.$apply()来进入角度执行上下文，但是在工厂函数中如何工作呢？我的意思是，在控制器中，我们有一个范围，但我们在工厂函数中没有范围？
您可以$timeout用作间隔。
var myIntervalFunction = function() {
cancelRefresh = $timeout(function myFunction() {
// do something
cancelRefresh = $timeout(myIntervalFunction, 60000);
},60000);
};
如果视图被破坏，您可以通过监听来破坏它$destroy：
$scope.$on('$destroy', function(e) {
$timeout.cancel(cancelRefresh);
});
更新
Angular 在 1.2 版中实现了 $interval 功能 - http://docs.angularjs.org/api/ng.$interval
下面的旧示例，请忽略，除非您使用的是早于 1.2 的版本。
Angular 中的 setInterval 实现 -
我创建了一个名为 timeFunctions 的工厂，它公开了 $setInterval 和 $clearInterval。
请注意，每当我需要在工厂中修改范围时，我都会将其传入。我不确定这是否符合做事的“Angular 方式”，但它运作良好。
app.factory('timeFunctions', [
"$timeout",
function timeFunctions($timeout) {
var _intervals = {}, _intervalUID = 1;
return {
$setInterval: function(operation, interval, $scope) {
var _internalId = _intervalUID++;
_intervals[ _internalId ] = $timeout(function intervalOperation(){
operation( $scope || undefined );
_intervals[ _internalId ] = $timeout(intervalOperation, interval);
}, interval);
return _internalId;
},
$clearInterval: function(id) {
return $timeout.cancel( _intervals[ id ] );
}
}
}
]);
示例用法：
app.controller('myController', [
'$scope', 'timeFunctions',
function myController($scope, timeFunctions) {
$scope.startFeature = function() {
// scrollTimeout will store the unique ID for the $setInterval instance
return $scope.scrollTimeout = timeFunctions.$setInterval(scroll, 5000, $scope);
// Function called on interval with scope available
function scroll($scope) {
console.log('scroll', $scope);
$scope.currentPage++;
}
},
$scope.stopFeature = function() {
return timeFunctions.$clearInterval( $scope.scrollTimeout );
}
}
]);
你能调用一个普通的 JavaScript 方法，然后在该方法中用 $apply 包装 Angular 代码吗？
timer = setInterval('Repeater()', 50);
var Repeater = function () {
// Get Angular scope from a known DOM element
var scope = angular.element(document.getElementById(elem)).scope();
scope.$apply(function () {
scope.SomeOtherFunction();
});
};