[英]Cannot get AngularJS to work on JSFiddle
我正在尝试在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;
}
一些东西:
您忘记了在HTML中声明ngApp
指令
您在控制器定义中将Ctrl
拼写错误
您在控制器注入中将$Scope
大写-但尝试引用$scope
工作提琴: https : //jsfiddle.net/ke10sq2v/1/
重要说明:(根据下面来自Jack A.的评论),您需要为JavaScript选择一种“ No wrap”加载类型。 默认的“加载”不适用于Angular ...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.