angularjs - 无法将 $ionicHistory 注入(inject)我的 angularjs Controller

Question

我正在尝试在 Angularjs/Ionic 应用程序的 Controller 中使用 $ionicHistory.goBack() 。当我尝试将其注入(inject)我的 Controller 时，如下所示

app.controller('ClockInController', function($scope, $http, JobData, Data, $rootScope, $interval, $ionicHistory)

我运行应用程序时收到以下错误:

未捕获错误:[$injector:unpr] 未知提供程序:$ionicHistoryProvider <- $ionicHistory http://errors.angularjs.org/1.3.0/ $injector/unpr?p0=%24ionicHistoryProvider%20%3C-%20%24ionicHistory, http://localhost:8100/vendors/onsen/js/angular/angular.js ，线路:4116

Answer 1

angular.module('myApp', ['ionicModuleOrWhatever'])
.controller('ClockInController', ['$ionicHistory', function ($ionicHistory) {
    // Do something with $ionicHistory
}]);

我通过您提供的链接解决了这个问题:http://errors.angularjs.org/1.3.0/$injector/unpr?p0=%24ionicHistoryProvider%20%3C-%20%24ionicHistory 。文档可能有点密集，但这是第一行

更新:你提到你从github复制了代码，我发现了你的问题。您必须复制您认为应该复制的文件，而不是克隆 - 但您复制了 wrong file .

由于您的错误 Uncaught ReferenceError: IonicModule is not Defined, localhost:8100/js/history.js, Line: 19 -- 该文件具有以下第 19 行和 20 行:

IonicModule
.factory('$ionicHistory', [

对我来说，这看起来像 CoffeeScript ，它没有编译。 您复制的文件不是该文件的发行版本。您需要this file ， 反而。 ionic github project包含一个 gulpfile，这意味着他们正在使用构建工具。您可能复制了用于生成该文件的发布版本的文件，而不是该文件的发布版本。在包含 gulpfile 或 gruntfile 的此类项目中，检查 /dist/ 目录、/dest/ 目录、release 目录，或 build/ 目录，然后从那里复制文件。如果您不打算修改 $ionicHistory 源代码，还可以复制该文件的 .min.js 版本。