在ng-bind(HTML视图)中每次更新时获取新的UNIX时间戳

Question

在Angular项目中，我有一个这样的div:

<div ng-bind="getDate()"></div>

和$scope.getDate在Controller内的作用:

$scope.getDate = function () {
        return Math.floor(new Date() / 1000);
};

我想要的是每次$scope.getDate更新，我的HTML视图也得到更新。但这并没有发生。$scope.getDate返回UNIX时间戳和每毫秒更新，但HTML视图不是。怎么才能做到呢?

Answer 1

可能的解决方案，更新由按钮触发:

var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function($scope, $interval) {
    $scope.getDate = function () {
        $scope.date = Math.floor(new Date() / 1000);
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
    <button ng-click="getDate()">Update!</button>
    {{date}}
</div>