Неожиданная ошибка в угловых js

0

Я изучаю 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>

но мое приложение не работает должным образом, отображает ошибку, как показано ниже Изображение 174551

Теперь мой вопрос заключается в том, что этот код работает с AngularJS v1.2.28, но тот же код не работает с AngularJS v1.5.5. Спасибо за помощь заранее

  • 0
    приложение с ответом работает, оно работает с AngularJS v1.2.28, но не работает с последним AngularJS v1.5.5, я добавил ошибку с вопросом
Теги:
model-view-controller

4 ответа

1
Лучший ответ

Все в порядке
кроме 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>
2

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

Должен быть

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

Запятая вместо периода. Просто синтаксическая ошибка :)

1

В дополнение к предыдущим ответам, я не вижу, что вы ссылаетесь на директиву ng-app в своем HTML, так что это должно быть в вашем теге body следующим образом: body ng-app = "demoApp"

  • 1
    он использовал директиву ng-app для тега HTML.
0

Изменить это

angular.module('demoApp'. []),
must be angular.module('demoApp', []) - comma instead of dot

Ещё вопросы

Сообщество Overcoder
Наверх
Меню