AngularJS模块无法加载

Question

我的模块没有加载,我无法弄清楚原因.有人能帮助我找出我做错了什么吗？

以下是我在名为index.html的文件中的HTML:

<html ng-app="demoApp">
    <head>
        <title>Using AngularJS Directives and Data Binding</title>
        <script type="text/javascript" src="_Script.js"></script>
        <script src="angular.min.js"></script>
    </head>
    <body>
        <!-- Get name out of array with controller using a module-->
        <h3>Get names out of an array with controller using a module:</h3>
        <div class ="container" ng-controller="SimpleController">
            <input type="text" ng-model="search" /> {{ search }}
            <ul>
                <li ng-repeat="naam in namen | filter:search" >{{ naam }}</li>
            </ul>   
        </div>
    </body>
</html>

这是名为_Script.js的文件中的Javascript:

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

function SimpleController($scope) {
    $scope.namen = [
        'John', 
        'Will', 
        'Alex'
    ];
}

demoApp.controller('SimpleController', SimpleController);

我找了一切,所以也许这很简单.但是我找不到它并且坚持下去.

问候,

Answer 1

你现在首先加载你的_script.js,然后加载角度JS.如果你重新排序它们你的脚本应该工作: