在脚本部分添加 angular 代码在 jsfiddle 中不起作用

Question

在 html 框中添加以下代码，它将正常工作

<div ng-app="myapp" data-ng-controller='Ctrl'>
  <h1> Header </h1>
  <h3> {{test}} </h3>
</div>

<script>
    var app = angular.module('myapp', []);
    app.controller('Ctrl', function($scope){
        $scope.test = "Hello";
    });
</script>

现在将 JavaScript 移动到 JavaScript 框

var app = angular.module('myapp', []);
app.controller('Ctrl', function($scope){
        $scope.test = "Hello";
});

开始报错：Uncaught Error: No module: myapp

我不想把所有内容都写在 html 部分，有什么解决办法吗？

Answer 1

在我玩设置的时候，找到了答案:)

将设置加载类型从 "OnLoad" 更改为 "No wrap - in "，请参阅附图。

奇怪，但它很有魅力:)

在脚本部分添加 angular 代码在 jsfiddle 中不起作用

Adding angular code in script section is not working in jsfiddle

jsfiddle

angularjs