Question

我试图为另一个问题制作一个角度jjiddle，但我无法让它发挥作用。有人可以看一下，让我知道我做错了什么吗？

<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

fiddle link without external libraries

fiddle link with only ng-animate ext library

可能是因为jsfiddle添加了＆＃34; http://fiddle.jshell.net/_display/＆＃34;在任何外部图书馆位置前？就像我尝试添加＆＃34; ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-animate.js"然后jsfiddle将其更改为＆＃34; http://fiddle.jshell.net/_display/ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-animate.js＆＃34;

为什么？

Answer 1

您需要设置选项no wrap - in <body>

您应该使用：

var controllers = angular.module('my.controllers', []);

而不是：

var controllers = app.module('my.controllers', []);

这个小提琴奏效：http://jsfiddle.net/NBhn4/1/

修改

要使用ng-animate，您需要按正确的顺序包含外部库，并使用No-Library (pure JS)选项或例如。任何jQuery库：

更新了小提琴：http://jsfiddle.net/NBhn4/175/

Answer 2

我正在为那些登陆此页面的人写下我的答案，我习惯使用 ng-module 指令，但是在半小时之后 jsfiddle 我意识到<不允许使用strong> ng-module ，并且您看不到任何错误，并且当 ng-module 更改为 ng-app 小提琴时效果非常好。我只是想分享这个。

<div ng-app="appX" ng-controller="appCtrl">
  <p>{{greeting}}
  </p>
</div>

var app=angular.module("appX",[]);
console.log(app);
app.controller("appCtrl",function($scope){
$scope.greeting="Hello World";
});

https://jsfiddle.net/furkankatman/trgrjwf1/7/

让angularjs在jsfiddle中工作？

2 个答案: