Jsfiddle的新UI破坏了我的角度和javascript小提琴

Question

我的jsfiddle正在使用angular破坏了他们的新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: '$3.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }, {
    //id: 02,
    name: 'Two',
    //img: '',
    price: '$3.99',
    altprice: '1 mile',
    desc: 'This is a fake description.',
    prog: '50%'
  }];

});

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

Answer 1

这就是jsFiddle的业务违反令人难以置信的惊人“将所有代码包装在一个巨大的window.onload = function () { ... };包装器”设置中。

只需点击JavaScript一词，然后选择“No wrap-in＆lt; body＆gt;” （或“加载类型”字段中的“无包装 - ＆lt; head＆gt;”）：

jsFiddle总是有这样的设置，onLoad总是（好吧，至少几年）是它的默认设置。它只是在新UI中移动。

更新了小提琴：http://jsfiddle.net/rfg80gye/33/