2016-05-16 2 views
2

Привет, ребята, я как бы новый для углового. Я начал делать приложение с помощью этого демо Angular Js Tutorial. Проблема, с которой я сталкиваюсь, я не могу понять, как решить ошибку, которую я получаю. Я попробовал кучу решения, но никто из них не работал для меня. Вот ошибка, которую я получаюОшибка синтаксиса при определении базового углового приложения

myapp.html:13 Uncaught ReferenceError: HelloController is not defined(anonymous function) 
angular.js:13550 Error: [ng:areq] http://errors.angularjs.org/1.5.5/ng/areq?p0=HelloController&p1=not%20a%20function%2C%20got%20undefined 
    at Error (native) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:6:412 
    at qb (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:23:157) 
    at Pa (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:23:244) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:89:77 
    at O (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:72:75) 
    at n (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:64:7) 
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:58:305) 
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:58:322) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:57:455(anonymous function) @ angular.js:13550(anonymous function) @ angular.js:10225n.$apply @ angular.js:17334(anonymous function) @ angular.js:1749invoke @ angular.js:4665c @ angular.js:1747yc @ angular.js:1767ee @ angular.js:1652(anonymous function) @ angular.js:30863b @ angular.js:3166Qf @ angular.js:3456Pf.d 

и вот мой код.

<!doctype html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
    </head> 
    <body ng-app> 
     <div ng-controller="HelloController"> 
      <h2>Welcome {{helloTo.title}} to angular</h2> 
     </div> 
     <script> 
      var myapp = angular.module("myapp" , []) 

      .controller(HelloController , function($scope){ 
       $scope.helloTo = {}; 
       $scope.helloTo.title = "AngularJS"; 
      }); 
     </script> 
    </body> 
</html> 

Пожалуйста, скажите мне, что это такое, что я делаю неправильно

ответ

1

Для этого вам необходимо изменить в соответствии с ниже

<body ng-app="myapp"> 
    <div ng-controller="HelloController"> 
     <h2>Welcome {{helloTo.title}} to angular</h2> 
    </div> 
    <script> 
     var myapp = angular.module("myapp", []) 

     .controller("HelloController", function ($scope) { 
      $scope.helloTo = {}; 
      $scope.helloTo.title = "AngularJS"; 
     }); 
    </script> 
</body> 

вы отсутствовали присвойте имя модуля и строка котировку в HelloController.

+0

Ахан. Понимаю. Ну, что ж, спасибо. Это решило мою проблему – Gardezi

1

Вы пропустили кавычки вокруг имени контроллера, благодаря чему угловой анализатор думает о нем, как другой переменной, которая не найден на вашей странице/коде.

var myapp = angular.module("myapp" , []) 

       .controller('HelloController' , function($scope){ 
        $scope.helloTo = {}; 
        $scope.helloTo.title = "AngularJS"; 
       }); 
+0

См. Цитаты вокруг hellocontroller – abhinsit

+0

Это решение 'hellocontroller не определено', но я столкнулся с этой ошибкой' Ошибка: [ng: areq] ' – Gardezi

+0

Ну другой ответ решил всю мою ошибку. – Gardezi