0

如标题中所述，我在 Angular 扫描仪/结帐应用程序中遇到了一个描述不佳的错误。

当我直接加载 /pulls 页面时很好，没有控制台错误。然后我可以选择一个拉动并单击“查看”以加载 /pull/:pull_id 页面。再次，一切都很好。但是，当我单击“返回”到 /pulls 拉取列表的链接时，问题就出现了。

请参阅下面的代码示例，以及示例下方的控制台日志（包括我可爱的调试注释）。

我的 services.js 文件中有一个名为“pullsSvc”的工厂。

app.factory("pullsSvc", ["$http","$q","$window","$routeParams", function ($http, $q, $window, $routeParams) {

var pulls;
var pull;
console.log('pullSvc Factory started');
function get_pulls() {
    console.log('pullSvc Factory get_pulls() started');
    var deferred = $q.defer();
    console.log('pullSvc Factory get_pulls() deferred');
    $http({
        method: 'post',
        url: 'ajax.php',
        data: $.param({
            'event' : 'get_pulls'
        }),
        headers: {'Content-Type' : 'application/x-www-form-urlencoded'}
    }).
    success(function(data) {
        if(data.success == true){
            console.log('pullSvc Factory get_pulls() success');
            pulls = data.pulls;
            deferred.resolve(pulls);
        }else{
            console.log('pullSvc Factory get_pulls() error 1');
            deferred.reject('Could not get pulls.');
        }
    }).
    error(function(data) {
        console.log('pullSvc Factory get_pulls() error 2');
        deferred.reject(error);
    });

    return deferred.promise;
}

function get_pull(pull_id) {
    .....
}
return {
    get_pulls: get_pulls,
    get_pull: get_pull,
};
}]);

然后在我的controllers.js中我有

app.controller("ViewPullsCtrl", ["$rootScope", "$scope", "$http", "$q", "$route", "$routeParams", "$location", "$window", "$timeout", "$sessionStorage", "authenticationSvc", "auth", "pullsSvc", "pulls",
function ($rootScope, $scope, $http, $q, $route, $routeParams, $location, $window, $timeout, $sessionStorage, authenticationSvc, auth, pullsSvc, pulls) {
    console.log('This 1');
    $scope.userInfo = auth;
    $scope.pulls    = pulls;
    console.log('This 2');
    // FUNCTIONS
        $scope.logout = function () {
            authenticationSvc.logout()
                .then(function (result) {
                    $sessionStorage.$reset();
                    $location.path("/login");
                }, function (error) {
                     if(debug) if(debug) console.log(error);
                });
        };
        $scope.alert = function(message){
            if(message){
                console.log(message);
            }
        }
        $scope.consolelog = function(value){
            console.log(value);
        }
        $scope.setSelected = function(idSelected) {
            $scope.idSelected = idSelected;
        }
}
]);

在我的 app.js 路由（ngRoute）中，相关位是

    }).when("/pulls", {
    templateUrl: "views/pulls.html",
    controller: "ViewPullsCtrl",
    activetab: "pulls",
    url: "/pulls",
    resolve: {
        auth: function ($q, authenticationSvc) {
            var userInfo = authenticationSvc.getUserInfo();
            if (userInfo) {
                console.log('authSvc success');
                return $q.when(userInfo);
            } else {
                console.log('authSvc failure');
                return $q.reject({ authenticated: false });
            }
        },
        pulls: function ($q, pullsSvc) {
            var pulls = pullsSvc.get_pulls();
            if(pulls) {
                if(debug) console.log('pullsSvc success');
                return $q.when(pulls);
            } else {
                if(debug) console.log('pullsSvc failure');
                return $q.reject({ pulls: false });
            }
        }
    }

控制台日志

Route Change Start:
app.js (line 179)
Route Change Success:
app.js (line 187)
Object { name="$routeChangeSuccess",  targetScope=Scope,  defaultPrevented=false,  more...}
app.js (line 188)
Route Change Start:
app.js (line 179)
authSvc success
app.js (line 71)
pullSvc Factory get_pulls() started
services.js (line 189)
pullSvc Factory get_pulls() deferred
services.js (line 193)
pullsSvc success
app.js (line 81)
POST http://portal_dev.mycompany.com:8888/custom_scripts/mobile_scanner/ajax.php

200 OK
        1.24s   
angular.js (line 12011)
TypeError: domNode is null


return domNode.offsetWidth + 1;


angular.js (line 10490, col 7)
pullSvc Factory get_pulls() success
services.js (line 205)
Route Change Success:
app.js (line 187)
Object { name="$routeChangeSuccess",  targetScope=Scope,  defaultPrevented=false,  more...}
app.js (line 188)
This 1
controllers.js (line 142)
This 2

更新：更改<a href...>为<a ng-href...>没有任何区别。

angular.js 的第 12011 行是xhr.send(isUndefined(post) ? null : post); (v1.5.6)

Chrome 的错误日志稍微有点帮助..angular.js:10490 Uncaught TypeError: Cannot read property 'offsetWidth' of null

4

1 回答 1

0

事实证明，这是一个源自 ngAnimate 的问题，它包含在我的应用程序依赖项中，但我没有使用（打算但反转了更改，并且从未从应用程序依赖项中删除）。

我仍然不知道它是如何或为什么导致这个问题的。但是通过从依赖项中删除它来解决它。

其他研究表明，在加载之前尝试访问部分 DOM 时会发生错误。我不知道它试图制作什么动画，因为我没有在我的控制器中对它做任何事情.. 但不管是聪明的。

我选择留下问题并发布我的“解决方案”，因为与 google maps api 无关的有关此错误的主题不存在。

如果您可以回答为什么会发生或如何在不删除 ngAnimate 的情况下解决它，我希望得到一些澄清，并将任何深入的答案标记为解决方案。

于 2016-08-18T20:16:03.687 回答