Question

我正在运行此代码，这是为了数字的平方，它在控制台上产生了一些错误，我无法得到它。

错误

我的代码在这里

<html>
    <head>
        <title>Angular JS Services</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    </head>
    <body>
        <h2>AngularJS Sample Application</h2>
        <div ng-app="mainApp" ng-controller="CalcController">
            <p>Enter a number: <input type="number" ng-model="number" />
            <button ng-click="square()">X<sup>2</sup></button>
            <p>Result: {{result}}</p>
        </div>


        <script>
        var mainapp = angular.module("mainApp", []);

        mainapp.factory('MathObjasService', function(a){
            var factorysrrvice = {};
            factorysrrvice.multiply = function(a, b){
                return a * b;
            }                 

            return factorysrrvice;
        });

        mainapp.service("CalSquareService", ["MathObjasService", function(MathObjasService){
            this.doubling = function(a){
                return MathObjasService.multiply(a, a);      
            }
        }]);

        mainapp.controller("CalcController", ["$scope", "CalSquareService", function($scope, CalSquareService){
            $scope.square = function(){
                $scope.result = CalSquareService.doubling($scope.number);
            }
        }]);

        </script>
    </body>
</html>

在我出错的地方，有人可以帮助我吗？

Answer 1

您在工厂注入了没有名为a的服务

mainapp.factory('MathObjasService', function(a){
                                            ^^^ -> unknown provider

只需从工厂中删除a

试试这个

mainapp.factory('MathObjasService', function(){});

Angular Js引用错误

1 个答案: