如何从jsfiddle获取错误AngularJS错误消息?

时间:2015-08-12 16:04:51

标签: angularjs jsfiddle

我有以下的jsfiddle,我正在努力工作:

http://jsfiddle.net/edwardtanguay/pz2L6etv/2/

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

function mainController($scope) {
    $scope.numbers = ['one','two','three'];
}

myApp.directive('uiCalendar', function () {
    return {
        restrict: 'A',
        scope: {
            message: "@theMessage",
            color: "@"
        },
        link: function (scope, element, attrs) {
            scope.color = scope.color === undefined ? 'black' : scope.color;
            $(element).append('<p style="color:'+scope.color+'">added this2: ' + scope.message + ' (' + scope.color + ')</p>');
        }
    };
});

它适用于本地但不适用于jsfiddle。但我没有看到jsfiddle中显示的任何错误消息,以帮助我在那里调试它,我的Firebug在控制台中只显示与jsfiddle相关的信息。

如何让jsfiddle显示错误,以便我可以调试我的AngularJS代码?

1 个答案:

答案 0 :(得分:1)

实际上,jsfiddle正如预期的那样将错误输出到控制台。问题是你的一个外部资源在运行角度代码之前就破坏了执行。检查一下,我分叉你的小提琴并删除该资源,现在错误输出到控制台就好了:))

function mainController($scope) {
  $scope.numbers = ['one','two','three'];
  console.log('hooray errors!');
}

http://jsfiddle.net/k7dguc1n/

enter image description here