angularjs - 让 AngularJS 在 jsfiddle 中工作?

标签 angularjs jsfiddle

我正在尝试为另一个问题制作一个 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

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/

相关文章:

javascript - 我们如何在 JavaScript 中为键动态变化的 JSON 形成 mongoDB 模式对象?

javascript - Angularjs Firebase 获取数据列表

javascript - 选择标签的选定值不会在 angularjs 中的开关外部更改

javascript - 使用redraw从图表中获取数据,Jsfiddle提供

CSS 悬停放大 <li> 并移动文本位置

angularjs - 监视 AngularJS 中的过滤事件 - 延迟加载图像

javascript - 取消不会在 angularjs 中切换 ngHide

javascript - 为什么我不能从内联 anchor 调用此对象的函数?

javascript - 为什么说回调未定义?

javascript - 代码在 JSFiddle 环境中运行,但在其他环境中运行时不起作用