Tengo esta aplicación angular en JSFiddle:

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

¿Por qué arroja el error del modulador?

El HTML está formado correctamente:

<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>

Y la declaración del módulo y del controlador está estructurada correctamente, con todas las referencias externas presentes:

angular.module('App', [])
.controller("TodoCtrl", ['$scope', '$timeout', function($scope,$timeout) {
0
Matt W 6 mar. 2017 a las 17:42

2 respuestas

La mejor respuesta

Para cargar el módulo angular, debe ponerlo "en línea" en el cuerpo (actualmente en el evento onLoad).

Cambie la opción de JavaScript "TIPO DE CARGA" a "Sin carga - ajuste en el cuerpo"

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

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

<script>
 //your angular module
</sctipt>
1
F.Igor 6 mar. 2017 a las 14:47

Es solo una pequeña configuración JSFiddle que debes hacer:

En la ventana de JavaScript, vaya a

Parámetros> Tipo de carga> Sin envoltura: en <body>

enter image description here

Fiddle fijo

0
Community 20 jun. 2020 a las 09:12