Jsfiddle 的新 UI 打破了我的 angular 和 javascript fiddles

Question

我使用 angular 的 jsfiddle 更新了新的 UI。谁能告诉我为什么它不起作用或缺少什么？我对此很困惑。

var shopItems = angular.module('shopItems', []);
var trophyEarns = angular.module('trophyEarns', []);
var app = angular.module('app', ['shopItems', 'trophyEarns']);

shopItems.controller('shopItemController', function($scope) {
  $scope.shopItems = [{
    //id: 01,
    name: 'One',
    //img: '',
    price: '.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }, {
    //id: 02,
    name: 'Two',
    //img: '',
    price: '.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }];

});

http://jsfiddle.net/galnova/rfg80gye/32/

Answer 1

这是 jsFiddle 的业务，它默认了令人难以置信的令人惊讶的 "wrap all of the code in a giant window.onload = function () { ... }; wrapper" 设置。

只需单击 "Load Type" 字段中的单词 JavaScript 和 select "No wrap - in <body>"（或 "No wrap - in <head>"）：

jsFiddle 一直都有这个设置，onLoad 一直（好吧，至少几年来）是它的默认设置。它刚刚移入新 UI.

已更新 fiddle：http://jsfiddle.net/rfg80gye/33/

Jsfiddle 的新 UI 打破了我的 angular 和 javascript fiddles

Jsfiddle's new UI broke my angular and javascript fiddles

javascript

jsfiddle

angularjs