在给出输入时以角度js启动计时器

时间:2016-01-13 10:52:44

标签: javascript angularjs timer

当用户仅从选择表单输入中选择项目时,应启动计时器。不知道如何触发它。

我正在使用 http://siddii.github.io/angular-timer/ 中的计时器模块。我能够停止计时器。如何重新开始?

<\timer interval="1000"> 
    {{hours}} hours, 
    {{minutes}} minutes, 
    {{seconds}} seconds {{millis}} 
<\timer/>

1 个答案:

答案 0 :(得分:0)

阅读documentation可能有所帮助。

所以在你的控制器中:

angular.module('MyApp', ['timer'])
    .controller('MyAppController', ['$scope', function ($scope) {
        $scope.timerRunning = true;
        $scope.startTimer = function (){
            $scope.$broadcast('timer-start');
            $scope.timerRunning = true;
        };
        $scope.stopTimer = function (){
            $scope.$broadcast('timer-stop');
            $scope.timerRunning = false;
        };
        $scope.$on('timer-stopped', function (event, data){
            console.log('Timer Stopped - data = ', data);
        });
    }]);

您的观点:

<select ng-options="thing in things" ng-change="startTimer()">
  {{thing}}
</select>    
<timer/>

同样,所有这些都在文档中。

希望它有所帮助。