Ошибка: $ инжектор: модуль модуля Ошибка angularjs

Я только изучаю angularjs, с помощью следующего кода я получаю эту ошибку ==> Ошибка: $injector:modulerr Ошибка модуля

Вот код, что здесь не так?

    <!doctype html>
   <html lang="en">
     <head>
     <title>js</title>

   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-       resource.min.js">
    </script>


    </head>

    <body ng-app = "myApp">

         <div ng-controller="SpicyController">
         <button ng-click="chiliSpicy()">Chili</button>
         <button ng-click="jalapenoSpicy()">Jalapeño</button>
         <p>The food is {{spice}} spicy!</p>
   </div>

          <script>

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

          myApp.controller('SpicyController', function($scope) {
            $scope.spice = 'very';

          $scope.chiliSpicy = function() {
                $scope.spice = 'chili';
          };

          $scope.jalapenoSpicy = function() {
                $scope.spice = 'jalapeño';
          };
          });

          </script>

    </body>

    </html>

1 ответ

Решение

Вы должны изменить имя своего приложения, так как вы определяете модуль как spicyApp1

От:

<body ng-app = "myApp">

к

 <body ng-app = "spicyApp1">

За работой Plunker

Другие вопросы по тегам