javascript - Angular 计时器指令不适用于 ionic 框架

标签 javascript angularjs timer ionic-framework angular-directive

我在使用 ionic 框架实现 Angular 计时器指令时遇到问题。 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>

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

这是一个已知问题吗?

什么会阻止它工作?

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

最佳答案

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

以 Angular 启动计时器是通过

$scope.$broadcast('timer-stop');

不是

element.start();

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

关于javascript - Angular 计时器指令不适用于 ionic 框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26775808/

相关文章:

javascript - "Module ' myapp ' is not available"与 Bootstraps 崩溃

java - 在 Android Studio 中设置倒计时器

javascript - AJAX加载内容无页面刷新

javascript - 根据脚本结果重定向页面

javascript - javascript 和 python 时间戳有什么区别?

javascript - 如何使用 Angular JS 将数据从 json 转换为对象列表

javascript - 如何将 AngularJS 表达式传递给 Controller

java - 安卓:定时器问题

php - 如何使用计时器运行 php 脚本?

javascript - 错误 : "Uncaught TypeError: Cannot read property ' length' of null"Chart. js