AngularJSがJSFiddleで動作することができません。

Question

私はJSFiddleでAngularJSを使用しようとしています。

私は他の同様のプロジェクトをTにコピーしましたが、JSFiddleは自分で試してみると、私にあらゆる種類のエラーを与えています。現在、私のコントローラを認識していないと私に伝えています。

誰かが私の本当のシンプルなフィドルを見て、なぜそれがうまくいかないのか教えてもらえますか？

https://jsfiddle.net/ke10sq2v/

ここでは、コードです：

angular.module('App', ['ngAnimate']) 
.controller("Ctlr", ['$scope', function($Scope){ 
    $scope.hi = "yolo"; 
}]); 

HTML

<div ng-controller="Ctrl" ng-init="showBoxes=false"> 
    <div class="block" ng-show="showBoxes">Block 1</div> 
    <div class="block" ng-show="showBoxes">Block 2</div> 
    <button ng-click="showBoxes=!showBoxes">Toggle</button> 
    <p>Show Boxes: {{showBoxes}} {{hi}}</p> 
</div> 

CSS

.block { 
    height: 100px; 
    width: 100px; 
    background-color: blue; 
    margin: 15px 10px; 
} 

Answer 1

いくつかのこと：

は、

は、あなたはあなたがコントローラ噴射における$Scope大文字コントローラdefintion

で間違ったCtrlを綴った

HTMLでngAppディレクティブを宣言するのを忘れて - しかし、フィドル作業$scope

を参照しようとしました：https://jsfiddle.net/ke10sq2v/1/

重要：（下記のJack A.のコメントによる） 「ラップなし」のいずれかのロードを選択する必要がありますJavaScriptのタイプ。デフォルトの「オンロード」は角度では機能しません。