Fatal编程技术网
  • angularjs/
  • AngularJS:Uncaught错误：[$injector:modulerr]与JSFIDLE

AngularJS:Uncaught错误：[$injector:modulerr]与JSFIDLE

angularjs

AngularJS:Uncaught错误：[$injector:modulerr]与JSFIDLE,angularjs,jsfiddle,Angularjs,Jsfiddle,为什么这个简单的脚本会在控制台中抛出一个未捕获的错误：[$injector:modulerr] <script> angular.module('HelloWorldApp', []); angular.module('HelloWorldApp').controller('HelloWorldController', function($scope) { $scope.greeting = "Hello World"; }); </script> <

为什么这个简单的脚本会在控制台中抛出一个未捕获的错误：[$injector:modulerr]

<script>
angular.module('HelloWorldApp', []);
angular.module('HelloWorldApp').controller('HelloWorldController', function($scope) {
       $scope.greeting = "Hello World";
});
</script>
<div ng-app="HelloWorldApp">
    <div ng-controller="HelloWorldController">
        <h1>{{greeting}}</h1>
    </div>
</div>


angular.module（'HelloWorldApp'，[]）；
角度.module（'HelloWorldApp'）.controller（'HelloWorldController'，function（$scope）{
$scope.greeting=“Hello World”；
});
{{问候语}

您必须在HTML中添加以下内容：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
这是一个简单的例子：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
    <p>{{greeting}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.greeting = "Hello";

});
</script>



</body>
</html>


{{问候语}

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.greeting=“你好”；
});
您必须在HTML中添加以下内容：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
这是一个简单的例子：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
    <p>{{greeting}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.greeting = "Hello";

});
</script>



</body>
</html>


{{问候语}

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.greeting=“你好”；
});
让你的小提琴开始工作，实际上在javascript窗格中，你需要选择angular 1.x版本，它就会开始工作

这是小提琴：

设置图像使您的小提琴工作，实际上在javascript窗格中，您需要选择angular 1.x版本，它将开始工作

这是小提琴：

以及小提琴的背景图像。不添加angular.js脚本对不起，你能重新措辞吗？我不确定我是否理解？抱歉，我的意思是，我看不出您的配置有任何问题，但在fiddle中，我看不到html中注入的脚本在哪里。angular.min.js作为外部资源注入。。。上面的脚本就在javascript框架中。我不知道你把脚本注入html是什么意思。我不知道小提琴是如何工作的。我复制了你的代码，在plknr中工作得很好。不添加angular.js脚本对不起，你能重新措辞吗？我不确定我是否理解？抱歉，我的意思是，我看不出您的配置有任何问题，但在fiddle中，我看不到html中注入的脚本在哪里。angular.min.js作为外部资源注入。。。上面的脚本就在javascript框架中。我不知道你把脚本注入html是什么意思。我不知道小提琴是如何工作的。我复制了你的代码，在plknr中工作得很好。谢谢，我注意到我在选择AngularJS 1.4.8时遇到了相同的错误，但是在我选择了“无包装”的加载类型后，它就工作了。我不明白我一开始做错了什么，但是。。。如果没有此选项，我假设您无法将angular添加为外部资源？难道JSFIDLE不应该提到这一点吗？谢谢，我注意到我在选择AngularJS 1.4.8时遇到了相同的错误，但一旦我选择了“无包装”的加载类型，它就起作用了。我不明白我一开始做错了什么，但是。。。如果没有此选项，我假设您无法将angular添加为外部资源？难道JSFIDLE不应该提到这一点吗？是的，这很有效。我错误地认为，添加angular作为外部资源将与a一样工作。是的，这是有效的。我错误地认为，添加angular作为外部资源将与添加angular相同。