Я изучаю angularjs & сталкиваясь с ошибкой с angularjs. Я пытаюсь создать простой угловой модуль, получая ошибку, но функция контроллера образца работает нормально без mudule. Я пишу один и тот же код видео где я учусь
Вот код
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<title>
Angular js
</title>
</head>
<body>
<div class="containers" ng-controller="simpleController">
<input type="text" ng-model="name">
<ul>
<li ng-repeat="cust in customers | filter: name" | orderBy:'city'>{{ cust.name | uppercase}} - {{ cust.city | lowercase}}</li>
</ul>
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []);
function simpleController ($scope) {
$scope.customers = [
{name:'Dinesh', city:'Delhi'},
{name:'Hansa', city:'Rajasthan'},
{name:'Manju', city:'Rajasthan'},
{name:'Mukesh', city:'Rajasthan'},
{name:'Naresh', city:'Lahor'}
];
}
demoApp.controller('simpleController', simpleController);
</script>
</body>
</body>
</html>
но мое приложение не работает должным образом, отображает ошибку, как показано ниже
Теперь мой вопрос заключается в том, что этот код работает с AngularJS v1.2.28, но тот же код не работает с AngularJS v1.5.5. Спасибо за помощь заранее
Все в порядке
кроме angular.module('demoApp'. [])
,
должен быть angular.module('demoApp', [])
- запятая вместо точки, и быть более внимательным
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []); //REPLACE DOT WITH COMMA
function simpleController ($scope) {
$scope.customers = [
{name:'Dinesh', city:'Delhi'},
{name:'Hansa', city:'Rajasthan'},
{name:'Manju', city:'Rajasthan'},
{name:'Mukesh', city:'Rajasthan'},
{name:'Naresh', city:'Lahor'}
];
}
demoApp.controller('simpleController', simpleController);
</script>
var demoApp = angular.module('demoApp'. []);
Должен быть
var demoApp = angular.module('demoApp', []);
Запятая вместо периода. Просто синтаксическая ошибка :)
В дополнение к предыдущим ответам, я не вижу, что вы ссылаетесь на директиву ng-app в своем HTML, так что это должно быть в вашем теге body следующим образом: body ng-app = "demoApp"
ng-app
для тега HTML.
Изменить это
angular.module('demoApp'. []),
must be angular.module('demoApp', []) - comma instead of dot