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时, 我无法让计时器工作.并且似乎没有在控制台中出现任何错误.
这是一个已知的问题?
什么会阻止它工作?
是否有人们可以推荐的备用计时器?这个对我来说似乎最好?
尝试在这里查看此代码示例: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标签中.
归档时间: |
|
查看次数: |
5656 次 |
最近记录: |