javascript - 由于 TypeError : ngDialog. open 不是 Scope.$scope.discountModalOpen 的函数，无法使用 ngDialog？

Question

我似乎无法将 ngDialog 与 Angular 一起使用。这是我的代码

discountModal函数

 $scope.discountModalOpen = function () {
  ngDialog.open({
      template: 'views/discountModal.html',
      controller: 'ModalInstanceCtrl',
      scope: $scope
    });
  };

discountModal Controller

angular.module('myApp')
.controller('myProductsCtrl', 
['$scope', '$stateParams', 'productService', '$modal','ngDialog', '$filter','$location',
function ($scope, $stateParams, productService, $modal, $filter,ngDialog, $location) {
 });

app.js

angular
.module('myApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngSanitize',
'ngTouch',
'restangular',
'ui.router',
'ui.bootstrap',
'angularMoment',
'timer',
'ngMessages',
'ngDialog'
])

我的 javascript 控制台中仍然出现以下错误

类型错误:ngDialog.open 不是函数 在 Scope.$scope.discountModalOpen ( http://localhost:9000/scripts/controllers/myProductsCtrl.js:293:18 ) 在 fn (在 ( http://localhost:9000/bower_components/angular/angular.js:13231:15 ), :4:242 处评估) 在http://localhost:9000/bower_components/angular-touch/angular-touch.js:478:9 在 Scope.$get.Scope.$eval ( http://localhost:9000/bower_components/angular/angular.js:15916:28 ) 在 Scope.$get.Scope.$apply ( http://localhost:9000/bower_components/angular/angular.js:16016:25 ) 在 HTMLButtonElement 处。 (http://localhost:9000/bower_components/angular-touch/angular-touch.js:477:13) 在 HTMLButtonElement.jQuery.event.dispatch (http://localhost:9000/bower_components/jquery/dist/jquery.js:4435:9) 在 HTMLButtonElement.jQuery.event.add.elemData.handle (http://localhost:9000/bower_components/jquery/dist/jquery.js:4121:28)

Answer 1

我敢说问题是你的注入(inject)顺序错误:

angular.module('myApp')
.controller('myProductsCtrl', 
['$scope', '$stateParams', 'productService', '$modal','ngDialog', '$filter','$location',
function ($scope, $stateParams, productService, $modal, ngDialog, $filter, $location) {
 });

您已将 ngDialog 注入(inject)到 $filter 中，反之亦然。