我在使用 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/