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

Question

我正在尝试使用以下 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 代码？

Answer 1

实际上 jsfiddle 正按预期将错误输出到控制台。问题是您的外部资源之一在 angular 代码为运行之前中断了执行。检查一下，我分叉了你的 fiddle 并删除了那个资源，现在错误输出到控制台就好了:)

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

http://jsfiddle.net/k7dguc1n/

Answer 2

-- JSFiddle 的最新消息 --

JSFiddle 现在有自己的用于显示控制台的测试版设置：

它出现在结果面板的底部：

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

How to get error AngularJS error messages from jsfiddle?

jsfiddle

angularjs

-- JSFiddle 的最新消息 --