Question

这是我第一个角度js的学习项目。

我创建了一个控制器（EditEventsController）和一个服务（eventData）。 EditEventController的代码是

'user strict'
eventsApp.controller("EditEventController",
    function EditEventController($scope,eventData) {
        $scope.saveEvent = function (event, newEventForm, eventData) {
            if (newEventForm.$valid) {
                eventData.save(event);
            }
        }
    });

和eventData服务的

eventsApp.factory('eventData', function ($q, $resource) {
    var resource = $resource('data/event/:id.js', { id: '@id' });
    return {
        getEvent: function () {
            return {...}
        },
        save: function (event) {
            event.id = 999;
            var deferred = $q.defer();

            resource.save(event,
                function (response) { deferred.resolve(response); },
                function (response) { deferred.reject(response); });

            return deferred.promise;
        }
    };
});

使用此控制器的im命名为newEvent.html的Html页面，这些是我添加的脚本

<script src="lib/angular/angular.js"></script>
    <script src="lib/angular/angular-sanitize.js"></script>
    <script src="lib/angular/angular-resource.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controllers/EditEventController.js"></script>
    <script src="js/services/EventData.js"></script>

    <script src="js/filters.js"></script>

当我试图致电eventData.save(event)时。在EditEventsController中，它给我一个错误，因为eventData是null，因此我无法调用save()函数。

控制台中的完整错误是

TypeError: Cannot call method 'save' of undefined
    at Object.EditEventController.$scope.saveEvent (http://localhost:9669/app/js/controllers/EditEventController.js:6:27)
    at elementFns (http://localhost:9669/app/lib/angular/angular.js:6365:19)
    at ngEventDirectives.(anonymous function) (http://localhost:9669/app/lib/angular/angular.js:12987:13)
    at Object.$get.Scope.$eval (http://localhost:9669/app/lib/angular/angular.js:8057:28)
    at Object.$get.Scope.$apply (http://localhost:9669/app/lib/angular/angular.js:8137:23)
    at Object.ng.config.$provide.decorator.$delegate.__proto__.$apply (http://localhost:9669/app/newEvent.html:855:30)
    at HTMLButtonElement.ngEventDirectives.(anonymous function) (http://localhost:9669/app/lib/angular/angular.js:12986:17)
    at event.preventDefault (http://localhost:9669/app/lib/angular/angular.js:1992:10)
    at Array.forEach (native)
    at forEach (http://localhost:9669/app/lib/angular/angular.js:130:11)

我在这里做错了什么？我确定这是小事

Answer 1

我想指出user strict也不会触发ECMA V5编译器检查，因为它有拼写错误。您可能知道应该是use而不是user。

当遇到新的未声明的变量时，此更改将引发错误，而不是创建您可能不了解的新Global以及其他好处。可能很容易发现这个问题。

Answer 2

下面应该按照我的说法工作，因为你在内部函数中再次覆盖了eventData，这可能无法正确传递。

'user strict'
eventsApp.controller("EditEventController",
    function EditEventController($scope,eventData) {
        $scope.saveEvent = function (event, newEventForm) {
            if (newEventForm.$valid) {
                eventData.save(event);
            }
        }
    });

angular JS服务在控制器内是null

2 个答案: