AngularJS - Невозможно использовать фабричный метод внутри директивы

Question

AngularJS - Невозможно использовать фабричный метод внутри директивы

0

У меня проблема при попытке myFactory в myDirective. Мне нужен myfactory.myMethod для получения динамического templateUrl myfactory.myMethod на основе определенного события.

Это то, что я пытаюсь сейчас:

(function () {
  'use strict';

  angular
    .module('myApp')
    .directive('myDirective', ['myFactory', function (myFactory) {

      var directive = {
        restrict: 'E',
        templateUrl : function(myFactory){
          if(myFactory.myMethod()){
            return '/app/hello.html'
          }
          return '/app/world.html'
        },
        controller       : 'MyController',
        controllerAs     : 'myCtrl',
        bindToController : true
      };

      return directive;

    }]);

})();

Я получаю следующую ошибку

myFactory.myMethod не является функцией

Я пробовал смотреть на различные решения также на SO, но я не смог найти правильный.

myFactory - простая фабрика

(function () {
  'use strict';

  angular
    .module('myApp')
    .service('myFactory', function () {

      function myMethod() {
       . . .
      }

      //Or
      var myMethod = function(){
       . . .
      }

      return {
        myMethod: myMethod
      }

    });
})();

Как я могу это исправить?

Заранее спасибо.

AndreaM16 05 сен. 2016, в 11:28

Источник

1

Покажите код фабрики myFactory .
Stepan Kasyanenko 05 сен. 2016, в 09:30
0

Готово, но дело не в неправильной фабрике. Я не просто нахожу правильный способ внедрить Service / Factory в директиву, используя это определение директивы.
AndreaM16 05 сен. 2016, в 09:34
0

можете ли вы показать, где вы определяете / вводите myApp? это отдельные файлы? они загружаются как время загрузки директивы? кроме того, что вы можете улучшить var myMethod = function(){ .... } ;
Jose Rocha 05 сен. 2016, в 09:35
0

впрыск в порядке, проблема возникла из-за другого, я отредактировал свой ранее комментарий, можете ли вы проверить новые вещи
Jose Rocha 05 сен. 2016, в 09:39
0

Сначала я ввожу Фабрики и Услуги, затем Директивы. Я сделал это с Gulp . Мое определение модуля приложения выглядит следующим образом: (function(){ 'use strict'; angular.module('myApp', [modules . . .]); })();
AndreaM16 05 сен. 2016, в 09:41
0

Похоже, myFactory не загружен в браузере. Проверьте это в консоли-> сеть .
Stepan Kasyanenko 05 сен. 2016, в 09:45
0

Это загружается. Я также пробовал вводить директивы перед фабриками, но ничего не изменилось.
AndreaM16 05 сен. 2016, в 09:47
0

Мне как-то удалось правильно ввести Фабрику, но теперь я получаю myFactory.myMethod is not a function . Я обновляю вопрос.
AndreaM16 05 сен. 2016, в 09:53
0

В коде, который вы нам дали, нет ничего плохого. Я бы посоветовал проверить, загружен ли в браузере файл, содержащий myFactory.
Jose Rocha 05 сен. 2016, в 09:53
0

plunker
Jose Rocha 05 сен. 2016, в 09:54
0

Не очень знаю. Кажется, что он импортируется правильно.
AndreaM16 05 сен. 2016, в 09:57
0

Может быть, это связано с тем, что в myMethod я вызываю другой фабричный метод? Я имею в виду, что-то делать с Async ? Я пытался использовать Promises в этом конкретном фрагменте кода, но все равно получаю ту же ошибку.
AndreaM16 05 сен. 2016, в 10:05

Показать ещё 10 комментариев

Теги:

angularjs

dependency-injection

angularjs-directive

angularjs-factory

1 ответ

Ещё вопросы

Готово, но дело не в неправильной фабрике. Я не просто нахожу правильный способ внедрить Service / Factory в директиву, используя это определение директивы.
можете ли вы показать, где вы определяете / вводите myApp? это отдельные файлы? они загружаются как время загрузки директивы? кроме того, что вы можете улучшить var myMethod = function(){ .... } ;
впрыск в порядке, проблема возникла из-за другого, я отредактировал свой ранее комментарий, можете ли вы проверить новые вещи
Сначала я ввожу Фабрики и Услуги, затем Директивы. Я сделал это с Gulp . Мое определение модуля приложения выглядит следующим образом: (function(){ 'use strict'; angular.module('myApp', [modules . . .]); })();
Похоже, myFactory не загружен в браузере. Проверьте это в консоли-> сеть .
Это загружается. Я также пробовал вводить директивы перед фабриками, но ничего не изменилось.
Мне как-то удалось правильно ввести Фабрику, но теперь я получаю myFactory.myMethod is not a function . Я обновляю вопрос.
В коде, который вы нам дали, нет ничего плохого. Я бы посоветовал проверить, загружен ли в браузере файл, содержащий myFactory.
Не очень знаю. Кажется, что он импортируется правильно.
Может быть, это связано с тем, что в myMethod я вызываю другой фабричный метод? Я имею в виду, что-то делать с Async ? Я пытался использовать Promises в этом конкретном фрагменте кода, но все равно получаю ту же ошибку.

Nguyen Tran · Accepted Answer · 2016-09-05T07-25-00.000Z

Я думаю, что я нашел вашу ошибку, то есть вы передали службу как параметр в функции, возвращающий шаблон url templateUrl: function(myFactory){}. Это совершенно неправильно, вы не можете использовать его в качестве параметра.

Чтобы исправить это, вам нужно удалить параметр myFactory в установленной функции templateUrl, например:

templateUrl : function(){
  if(myFactory.myMethod()){
    return '/app/hello.html'
  }
    return '/app/world.html'
  }

И я вижу, что в вашем коде отсутствует создающий модуль: angular.module('myApp', []);

Попробуйте себя в CodePen.

Надеюсь, поможет ;)

Вы совершенно правы. Это была плохая ошибка. +1 и принял ответ. Благодарю.
Насчет кода не хватает, он не пропустил, он у меня в отдельном файле.
Большой! Рад слышать, что ваша проблема решена.