無法使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

一些東西：

您忘記了在HTML中聲明ngApp指令

您在控制器定義中將Ctrl拼寫錯誤

您在控制器注入中將$Scope大寫-但嘗試引用$scope

工作提琴： https : //jsfiddle.net/ke10sq2v/1/

重要說明：（根據下面來自Jack A.的評論），您需要為JavaScript選擇一種“ No wrap”加載類型。 默認的“加載”不適用於Angular ...