javascript - 无法运行 Angular 计时器指令

Question

http://siddii.github.io/angular-timer/examples.html#/angularjs-single-timer

尝试获得一个简单的计时器指令来在健身应用程序上工作，第三行

<ion-view view-title="Add/Edit Workout" ng-controller="WorkoutEditsCtrl">
    <ion-nav-buttons side="secondary">
     <h3><timer /></h3>

        <!-- <h1 class="title">{{workout.name}}</h1> -->

            <button class="button button-icon ion-compose"ng-click="addEx(); startTimer()"></button>

    </ion-nav-buttons>
    <ion-content>

它似乎已经在 Bower 中正确安装，在我的 index.html 中我有这一行，看起来很好:

<script src="lib/angular-timer/app//js/_timer.js"></script>

比我的 Controller 文件中的:

var contollers = angular.module('CovalentFitness.controllers', ['timer'])

contollers.controller('WorkoutEditsCtrl', function($scope, $location, $ionicModal, WorkoutServices) {
  //Timer

  // $scope.timerRunning = true;

  // $scope.startTimer = function (){
  //     $scope.$broadcast('timer-start');
  //     $scope.timerRunning = true;
  // };

  // $scope.stopTimer = function (){
  //     $scope.$broadcast('timer-stop');
  //     $scope.timerRunning = false;
  // };

  // $scope.$on('timer-stopped', function (event, data){
  //     console.log('Timer Stopped - data = ', data);
  // });
})

这对于我之前安装的指令已经有效... 这是我得到的错误

Error: [$injector:unpr] Unknown provider: I18nServiceProvider <- I18nService

Answer 1

您添加了错误的文件。您应该包含 dist 文件夹中的 angular-timer.js 文件。

<script src="lib/angular-timer/dist/angular-timer.js"></script>