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

rio*_*ear 1 javascript jsfiddle angularjs

我的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%'
  }];

});
Run Code Online (Sandbox Code Playgroud)

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

T.J*_*der 5

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

只需单击单词JavaScript并在"加载类型"字段中选择"无换行<body>"(或"无换行 - 在<head>中"):

在此输入图像描述

jsFiddle总是有这样的设置,并且onLoad一直(好吧,至少几年)是它的默认设置.它只是在新UI中移动.

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