JSFiddle 抛出模块错误；为什么这个 Angular 应用程序坏了？

Question

我在 JSFiddle 中有这个 angular 应用程序：

https://jsfiddle.net/horacebury/kvsek6sw/

为什么会抛出 modulerr 错误？

HTML 格式正确：

<div ng-app="App">
  <div ng-controller="TodoCtrl">
    <div id="tablecontainer">
      <table class="tgh">
        <thead>
          <tr>
            <th><p>Auxilliary Power</p></th>
          </tr>
        </thead>
      </table>
      <div id="handscontainer">
        <div id="example"></div>
      </div>
      <table class="tg">
        <tr>
          <td style="width: 146px;"></td>
          <td class="tg-yw4l" ng-repeat="item in items track by $index">{{item}}</td>
        </tr>
      </table>
    </div>
    <div id="TrendChart"></div>
  </div>
</div>

并且模块和控制器语句结构正确，外部引用全部存在：

angular.module('App', [])
.controller("TodoCtrl", ['$scope', '$timeout', function($scope,$timeout) {

Answer 1

要加载 angular 模块，您需要将它 "inline" 放在正文中（实际上是在 onLoad 事件中）。

将 javascript 选项 "LOAD TYPE" 更改为 "No load - wrap in body"

https://jsfiddle.net/kvsek6sw/1/

<div ng-app="App">
</div>

<script>
 //your angular module
</sctipt>

Answer 2

这只是您需要做的一个小的 JSFiddle 配置：

在JavaScriptwindow中，转到

Parameters > Load-type > No wrap - in <body>

JSFiddle 抛出模块错误；为什么这个 Angular 应用程序坏了？

JSFiddle throwing modulerr error; Why is this Angular App broken?

controller

jsfiddle

angularjs

Fixed Fiddle