javascript - Angular Js引用错误

标签 javascript angularjs

我正在运行此代码,这是用于对数字进行平方的,它在控制台上生成一些我无法获取的错误。

错误 enter image description here

这里是我的代码

<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>

有人可以帮助我解决我出错的地方吗?

最佳答案

您的工厂中没有注入(inject)名为 a 的服务

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

只需从工厂中删除a

尝试这样

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

关于javascript - Angular Js引用错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32324290/

相关文章:

javascript - 构建嵌套 jquery 对象并附加到内部元素

javascript - 我如何才能访问另一个函数中的样式对象

jquery - Angular ng-hide'ing 对于动画来说太快了

javascript - 如何访问 Controller 中的表单变量?

javascript - 使滚动条不可见而不删除它 - Windows 浏览器

javascript - 将值传递给 JavaScript 中的函数

javascript - 用于 SEO 目的的 NuxtJS 和 Firestore 站点的 Rendertron

javascript - 书架更改列数据类型

javascript - 我如何在前面每 1 小时做一些事情?

javascript - 在 Angular 中广播站点范围的错误消息