我正在尝试为另一个问题制作一个 angularjs jfiddle,但我无法让它工作。有人可以看看它并让我知道我做错了什么吗?
<div ng-app="myApp">
<div ng-conroller="MyController">
Click me: <input type="checkbox" ng-model="checked"/><br/>
<div>
{{checked}}
</div>
</div>
</div>
js:
var app = angular.module('myApp', [
'ngAnimate',
'my.controllers'
]);
var controllers = app.module('my.controllers', []);
controllers.controller('MyController', function($scope) {
$scope.checked = true;
});
fiddle link without external libraries
fiddle link with only ng-animate ext library
难道是因为 jsfiddle 在任何外部库位置前面添加了“http://fiddle.jshell.net/_display/ ”?就像当我尝试添加“ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-animate.js”时,jsfiddle 将其更改为“http://fiddle.jshell.net/_display/ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-animate.js”
为什么?
最佳答案
您需要设置选项no wrap - in <body>
您应该使用:
var controllers = angular.module('my.controllers', []);
而不是:
var controllers = app.module('my.controllers', []);
这个 fiddle 有效:http://jsfiddle.net/NBhn4/1/
编辑:
与 ng-animate
合作您需要以正确的顺序包含外部库并使用 No-Library (pure JS)
选项或例如。任何jQuery
图书馆:
更新的 fiddle :http://jsfiddle.net/NBhn4/175/
关于angularjs - 让 AngularJS 在 jsfiddle 中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23526738/