我的模块没有加载,我无法弄清楚原因。有人可以帮我找出我做错了吗?
以下是我在名为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);
我找了一切,所以也许这很简单。但是我找不到它并且坚持下去。
此致
答案 0 :(得分:6)
你现在首先加载你的_script.js,然后加载角度JS。如果您重新排序它们,您的脚本应该可以工作: