Question

如果我在我的控制器参数中传递工厂名称，它内部的功能似乎不起作用，在视图中我看到括号的渲染.... 我做错了什么？

这里我看到了什么：

相反，如果我没有在控制器内传递服务，它似乎工作的 JS

var LandingApp = angular.module('LandingApp',[]);

LandingApp.factory('PreventivoTotaleFront',function(){

var voci = {};
voci.lista = [];

AggiungiVoce.add = function(voce){
    voci.lista.push({
        id: voci.lista.length,
        costo: voce
    })  
};

return voci; 
});

 //CONTROLLER 
LandingApp.controller('numberpages',function($scope,PreventivoTotaleFront){

$scope.primapagina = 150;
$scope.altrepagine = 90;
$scope.numeroaltrepagine = 0;

$scope.TotaleEuroPagine = 0;

$scope.CalcolaTotaleEuroPagine = function(){
    return $scope.TotaleEuroPagine = $scope.altrepagine * $scope.numeroaltrepagine + $scope.primapagina;
    AggiungiVoce.add(TotaleEuroPagine);
    alert(TotaleEuroPagine);
};

 });

HTML

    <body ng-app="LandingApp">
    <div class="container" ng-controller="numberpages">

        <form>

            <label>N° Pagine interne: </label><input type="number" min="0" ng-model="numeroaltrepagine" ng-change="CalcolaTotaleEuroPagine()"></input>
            <br/>{{TotaleEuroPagine | currency:""}}€<br/>

        </form>
        <br/><br/>
        <ul>
            <li ng-repeat="VociPreventivo in lista.voci">{{voci.id}} : {{voci.costo}}</li>
        </ul>

    </div>
</body>

Answer 1

您没有正确使用工厂。您需要返回包含方法的对象。

var LandingApp = angular.module('LandingApp', []);
LandingApp.factory('PreventivoTotaleFront', function () {
    var voci = {};
    voci.lista = [];

    return {
        add: function (voce) {
            voci.lista.push({
                id: voci.lista.length,
                costo: voce
            })
        }
    };
});

在控制器中使用工厂，即PreventivoTotaleFront.add()

//CONTROLLER
LandingApp.controller('numberpages', function ($scope, PreventivoTotaleFront) {
    $scope.CalcolaTotaleEuroPagine = function () {
        PreventivoTotaleFront.add(TotaleEuroPagine);        
    };
});

Answer 2

在您的工厂PreventivoTotaleFront中，如果您将函数add添加到此返回对象中，则返回voci对象，如

voci: {
  add: function() {}
}

然后您可以从控制器中调用它，如

PreventivoTotaleFront.add()

Answer 3

在使用AggiungiVoce变量（var之前）时，您不会创建它（使用AggiungiVoce.add）。在这种情况下，JavaScript在父范围内查找该变量AggiungiVoce的存在，一直到全局范围。它被分配了。这就是为什么你可以在没有注射工厂时使用它。

在工厂中，您应该创建方法对象并返回该方法。由于工厂只创建一次，因此您可以在注入工厂的任何地方访问这些方法。

为什么工厂不工作？（Angular.js）

3 个答案:

为什么工厂不工作？ （Angular.js）

3 个答案:

为什么工厂不工作？（Angular.js）