javascript - 在同一个 $scope 中使用多个 Angular JS 指令，但监听来自特定元素的特定事件

Question

嗨我正在使用这个角度倒计时插件

http://siddii.github.io/angular-timer/

我需要在同一范围内多次使用该指令。该插件广播一个我想监听但仅来自特定指令的“计时器滴答”事件。

解决这个问题的最佳方法是什么？我似乎只为元素的第一次实例化广播事件。就我而言，它的 $id 为 38。

这是我的控制器中的代码

   $scope.$on('timer-tick', function (event, data){
            console.log('Timer is ticking = ', data,'event : ',event,'scope ',$scope);
});

第一个计时器指令的 HTML

 <span class="chat-time"><timer   interval="1000" countdown="currentEvent.duration"> {{hhours}} : {{mminutes}} : {{sseconds}} </timer></span> <!-- event duration for host -->

第二个计时器指令的 HTML

<timer  finish-callback="setUserStatus(true)"  interval="1000" countdown="speed_roommating.session_clock"> {{hhours}} : {{mminutes}} : {{sseconds}} </timer> 

Answer 1

请参阅http://siddii.github.io/angular-timer/examples.html#/angularjs-polling-timer上的代码 我认为他们有一个你正在尝试做的例子。

$scope.$on('timer-tick', function (event, args) {
    $scope.timerConsole += $scope.timerType  + ' - event.name = '+ event.name + ', timeoutId = ' + args.timeoutId + ', millis = ' + args.millis +'\n';
});