2017-03-06 10 views
0

私はJSFiddleでこの角度のアプリを持っている:JSFiddleスローモジュラーエラー。このAngular Appはなぜ壊れていますか?

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

答えて

1

角度モジュールがロードされたようにするには、次のものが必要それを体内に「インライン」にする(onLoadイベントのActualy)。

変更 "いいえ負荷 - 体にラップ" にjavascriptのオプション "ロード・タイプ" それはあなたがしなければならないだけの小さなJSFiddle configです

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

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

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

を:

でJavaScriptウィンドウは、

へ移動します。パラメータ>読み込みタイプ>ラップインなし<body>

enter image description here

Fixed Fiddle

関連する問題