Как вызвать фабрику из директивы из другого файла?

Question

Как вызвать фабрику из директивы из другого файла?

0

Я разрабатываю в первый раз с Angular JS, и я редактирую приложение моего друга. Я бы назвал фабрику из директивы, которая находится в другом файле. Вот код задействованных файлов:

пользовательский factory.js

(function() {
  'use strict';

  angular.module('myApp.services').factory('currUserService', function() {
    var curruser = '';
    var self = this;
    return {
      setCurrUser: function(user) {
          self.curruser = user;
      },
      getCurrUser: function() {
          return self.curruser;
      },
    }
  });


}());

Главные-пользователи-box.js

(function() {
  'use strict';

  angular.module('myApp.directives').directive('mainpageUsersBox', function() {
    return {
      restrict: 'E',
      replace: true,
      scope: {
          users: '=users'
        },
      templateUrl: 'views/templates/mainpage-users-box.directive.html',
      controller: controller,
      controllerAs: 'ctrl'
    };
  });

  function controller($scope) {
    var ctrl = this;

    ctrl.openProfile = function(user) {
      ctrl.currUserService.setCurrUser(user);
    };
  }

  controller.$inject = ['$scope'];

}());

mainpage.html

[...]
<mainpage-users-box users="ctrl.users"></mainpage-users-box>
[...]

Как вы можете видеть во втором файле, я хочу использовать .setCurrUser(user) но я получаю эту ошибку: TypeError: Не удается прочитать свойство setCurrUser undefined в консоли Chrome.

Можете ли вы помочь мне разобраться, что может быть причиной?

smartmouse 28 дек. 2015, в 18:24

Источник

0

Было бы полезно узнать, как вы включаете эти файлы в HTML.
xkcd149 28 дек. 2015, в 17:03
0

Я добавил <script src="/scripts/services/user-factory.js"></script> и <script src="/scripts/directives/mainpage-users-box.js"></script>
smartmouse 28 дек. 2015, в 17:13
0

Возможно, вы захотите взглянуть на stackoverflow.com/questions/8228281/…
xkcd149 28 дек. 2015, в 17:19

Показать ещё 1 комментарий

Теги:

javascript

angularjs

controller

factory

directive

1 ответ

Ещё вопросы

Было бы полезно узнать, как вы включаете эти файлы в HTML.
Я добавил <script src="/scripts/services/user-factory.js"></script> и <script src="/scripts/directives/mainpage-users-box.js"></script>
Возможно, вы захотите взглянуть на stackoverflow.com/questions/8228281/…

Mark · Answer 1 · 2015-12-28T15-37-00.000Z

Похоже, вы вообще не вводите эту услугу:

// Where the service?  
function controller($scope) {
    var ctrl = this;

    ctrl.openProfile = function(user) {
      ctrl.currUserService.setCurrUser(user);
    };
  }

  // Where currUserService?
  controller.$inject = ['$scope'];

Не будет ли это работать, если вместо этого вы измените свой контроллер?

function controller(currUserService) {
    var ctrl = this;

    ctrl.openProfile = function(user) {
      ctrl.currUserService.setCurrUser(user);
    };
  }

  controller.$inject = ['currUserService'];

Кажется, вы используете controllerAs стиль написания контроллеров. В этом случае вам не нужно вводить $scope, если вы не добавляете $watches.

Я сделал, как вы написали, но я получаю ту же ошибку :(