AngularJS模块无法加载

时间:2013-05-24 11:43:21

标签: javascript html debugging angularjs module

我的模块没有加载,我无法弄清楚原因。有人可以帮我找出我做错了吗?

以下是我在名为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);

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

此致

1 个答案:

答案 0 :(得分:6)

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