怎么用angular.js实时更新时间？

Question

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope){

function updateTime(){

var data = new Date();

var houer = data.getHours()<10?"0"+data.getHours():data.getHours();

var minute = data.getMinutes()<10?"0"+data.getMinutes():data.getMinutes();

var second = data.getSeconds()<10?"0"+data.getSeconds():data.getSeconds();

var now = houer + ":" + minute + ":" + second;

$scope.time = now;

setInterval(updateTime, 1000);

}

updateTime();

});

代码我这样子写，有在页面上显示时间，但没有变。这是怎么回事？

Answer 1

将setinterval的函数改为$interval。$interval是angular内置的服务，将定时器进行了封装，即使不调用$scope.digest()或apply(),也可以实时更新页面的