Factory не является функция в моем контроллере

Question

Я пытаюсь написать завод и использовать его в одном из моих контроллеров, но это дает мне ошибку:

TypeError: wordsToTrain is not a function

Я сделал мой контроллер и завод очень простым, но до сих пор Don `T понимаю, почему это происходит:

angular.module('bananaApp') 
    .controller('TrainingCtrl', [ '$scope', 'wordsToTrain', function ($scope, wordsToTrain) { 
    wordsToTrain(); 
    }]); 

angular.module('bananaApp') 
    .factory('wordsToTrain', function() { 
    return 3; 
    }); 

Answer 1

Вы пытаетесь создать экземпляр значения. Ваш завод не возвращает функцию, вместо которой он возвращает значение.

angular.module('bananaApp') 
    .controller('TrainingCtrl', [ '$scope', 'wordsToTrain', function ($scope, wordsToTrain) { 
    console.log(wordsToTrain) //this would give you 3 not a function; 
    }]); 

angular.module('bananaApp') 
    .factory('wordsToTrain', function() { 
    return 3; 
    }); 

// Чтобы вернуть функцию

angular.module('bananaApp') 
    .controller('TrainingCtrl', [ '$scope', 'wordsToTrain', function ($scope, wordsToTrain) { 
    console.log(wordsToTrain()) // this would give you 3 as well but this is a function; 
    }]); 

angular.module('bananaApp') 
    .factory('wordsToTrain', function() { 
    return function() { 
     return 3; 
    }); 

Answer 2

Попробуйте определении вашей службы, как это:

angular.module('bananaApp') 
    .factory('wordsToTrain', function() { 

    var wordsToTrain = {}; 

    wordsToTrain.getValue = function() { 
     return 3; 
    } 
    return wordsToTrain; 
    }); 

И использовать его как это:

var value=wordsToTrain.getValue(); 

Answer 3

Factor возвращает объект & вы можете прикрепить метод этой фабрики функции.

Рядом с примечанием [] in angular.module.

Параметр [] в определении модуля может использоваться для определения зависимых модулей. Без параметра [] вы не создаете новый модуль, а получаете существующий.

angular.module('bananaApp',[]) 
     .controller('TrainingCtrl', [ '$scope', 'wordsToTrain', 
        function ($scope, wordsToTrain) { 
     console.log(wordsToTrain.three()); 
     }]); 

    angular.module('bananaApp').factory('wordsToTrain', function() { 

     var _factory ={}; 
     _factory.three = function(){ 
     return 3; 
      } 
     return _factory; 
     }); 

Demo здесь