AngularJS 样板适用于 Codepen 但适用于 JSFiddle

Question

我在尝试编写一个简单的 Angular 应用程序时遇到了问题。我非常简单和简短的样板代码在 Codepen 中运行完全正常，但它无法在 JSFiddle 中工作。我在下面创建的代码片段也可以正常工作，但我无法弄清楚为什么它在 JSFiddle 中不起作用。谁能指出问题出在哪里？

Codepen link: http://codepen.io/chalarangelo/pen/YWdvBV
JSFiddle link: https://jsfiddle.net/chalarangelo/1d12hm5f/1/
代码片段：

 var app = angular.module('myApp', []);
 app.controller('myController', [
   '$scope',
   function($scope) {
     $scope.demoText = 'AngularJS: This is some demo text!';
   }
 ]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="myController">
    <p>
      {{ demoText }}
    </p>
  </div>
</div>

Answer 1

您应该单击 JAVASCRIPT 按钮和 select FRAMEWORKS & EXTENSIONS 下拉列表下的 Angular 版本，而不是将其作为外部资源包含在内。

要解决您的问题，您必须 select 将 LOAD TYPE 作为 No wrap - in <head>。

AngularJS 样板适用于 Codepen 但适用于 JSFiddle

AngularJS Boilerplate works on Codepen but on on JSFiddle

jsfiddle

angularjs