角度计时器指令不适用于离子框架

ak8*_*k85 10 javascript timer angularjs ionic-framework angular-directive

我在使用离子框架实现angular timer指令时遇到了问题. http://siddii.github.io/angular-timer/

当我使用bower或google cdn实现代码时,我没有任何问题.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Plain Javascript Timer Example</title>
    <script src="../bower_components/angular/angular.min.js"></script>
    <script src="../app/js/timer.js"></script>
    <script>
    function startTimer() {
    document.getElementsByTagName('timer')[0].start();
    }
    function stopTimer() {
    document.getElementsByTagName('timer')[0].stop();
    }
    </script>
    </head>
    <body>
    <div>
    <h2>Plain JavaScript - Timer Example</h2>
    <h3><timer ng-app="timer"/></h3>
    <button onclick="startTimer()">Start Timer</button>
    <button onclick="stopTimer()">Stop Timer</button>
    </div>
    <br/>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

但是,当我使用离子束 http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js时, 我无法让计时器工作.并且似乎没有在控制台中出现任何错误.

这是一个已知的问题?

什么会阻止它工作?

是否有人们可以推荐的备用计时器?这个对我来说似乎最好?

MoL*_*Low 7

尝试在这里查看此代码示例:http: //siddii.github.io/angular-timer/examples.html#/angularjs-single-timer

以角度启动计时器是通过完成

$scope.$broadcast('timer-stop');
Run Code Online (Sandbox Code Playgroud)

element.start();
Run Code Online (Sandbox Code Playgroud)

顺便说一下,你的ng-app应该在html/body标签中,而不是在timer标签中.