我有以下的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代码?
答案 0 :(得分:1)
实际上,jsfiddle正如预期的那样将错误输出到控制台。问题是你的一个外部资源在运行角度代码之前就破坏了执行。检查一下,我分叉你的小提琴并删除该资源,现在错误输出到控制台就好了:))
function mainController($scope) {
$scope.numbers = ['one','two','three'];
console.log('hooray errors!');
}