Модуль не находит

Я получаю Не могу найти модуль с именем myapp, на самом деле создание модуля и отображение модуля с кодом скрипта является правильным, поэтому я сталкиваюсь с этой проблемой.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>AJAX with Servlets using AngularJS</title>
<script type="text/javascript" src=js/angular.min.js></script>
<script>
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){
    $scope.getDataFrmServer()=function(){
        $http({
            method:'GET';
            url:'NGServlet';
        }).success( function(data, status, header, config){
            $scope.person=data;
        }).error(function(data, status, header, config){

        });
    };
});
</script>
</head>
<body>
<div data-ng-app="myapp">
    <div data-ng-controller="mycontroller">
        <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button>
        <p>First Name: {{person.firstName}}</p>
        <p>Second Name:{{person.secondName}}</p>
    </div>
</div>
</body>
</html>

2 ответа

В вашем коде возникают проблемы: вместо ', ' вы использовали '; 'в методе $http и URL. Пожалуйста, используйте обновленный код. Пожалуйста, исправьте определение функции также.

<script>
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){
    $scope.getDataFrmServer = function(){
        $http({
            method:'GET',
            url:'NGServlet'
        }).success( function(data, status, header, config){
            $scope.person=data;
        }).error(function(data, status, header, config){

        });
    }
});
</script>

<body>
<div ng-app="myapp">
    <div data-ng-controller="mycontroller">
        <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button>
        <p>First Name: {{person.firstName}}</p>
        <p>Second Name:{{person.secondName}}</p>
        </div>
</div>
</body>

Это рабочая версия. не использовать ; в объекте для вашего http звонка. Также ваше определение функции было неверным.

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>AJAX with Servlets using AngularJS</title>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script>
angular.module("myapp", []).controller('mycontroller', function ($scope, $http){
    $scope.getDataFrmServer = function(){
        $http({
            method:'GET',
            url:'NGServlet'
        }).success( function(data, status, header, config){
            $scope.person=data;
        }).error(function(data, status, header, config){

        });
    };
});
</script>
</head>
<body>
<div data-ng-app="myapp">
    <div data-ng-controller="mycontroller">
        <button data-ng-click="getDataFrmServer()">Fetch Data From Server</button>
        <p>First Name: {{person.firstName}}</p>
        <p>Second Name:{{person.secondName}}</p>
    </div>
</div>
</body>
</html>
Другие вопросы по тегам