2016-06-25 3 views
-1

Пожалуйста, помогите определить, что не так в угловом Hello World! первой программы.Ошибка модуля углового моментального запуска

<html> 
 
\t <head> 
 
\t \t <script type="text/javascript" language="javascript" src="Scripts/angular.js" /> 
 
\t \t <script type="text/javascript" language="javascript" src="Scripts/angular-resource.js" /> 
 
\t \t <script type="text/javascript" language="javascript" src="Scripts/angular-route.js" /> 
 
\t \t <script type="text/javascript" language="javascript" src="Scripts/angular-cookies.js" /> 
 
\t \t <script type="text/javascript" language="javascript" src="Scripts/angular-sanitize.js" /> 
 
     
 
\t \t <script type="text/javascript" language="javascript"> 
 
\t \t \t function Student($scope){ 
 
\t \t \t \t $scope.Name= 'Akshay'; 
 
\t \t \t \t $scope.City= 'Mumbai'; \t \t \t \t 
 
\t \t \t }; 
 
\t \t \t 
 
\t \t \t var app = angular.module("myApp"); 
 
\t \t \t app.controller("Student", Student) 
 
\t \t </script> 
 
\t </head> 
 
\t <body ng-app="myApp"> 
 
\t \t <form> 
 
\t \t <div id="dvStudent" ng-controller="Student"> 
 
\t \t \t Name: <input type="text" name="txtStudentName" id="txtStudentName" ng-model="Name" /> 
 
\t \t \t City: <input type="text" name="txtStudentCity" id="txtStudentCity" ng-model="City" /> 
 
\t \t \t <input type="button" name="btnSave" id="btnStudentSave" value="Save" />&nbsp;<input type="reset" name="btnReset" id="btnStudentReset" value="Reset" /> 
 
\t \t \t <br /> \t \t \t 
 
\t \t \t You have inputed Name: {{Name}} & City: {{City}} 
 
\t \t </div> 
 
\t \t </form> 
 
\t </body> 
 
</html>

Это ошибка я получаю

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: 
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.5.7/$injector/nomod?p0=myApp 

ответ

0

Вы не предоставили нам полную ошибку, но, скорее всего, проблема заключается в том, что вы пропустили второй до angular.module():

var app = angular.module("myApp", []); 

Также FYI, вы не должны использовать самозакрывающиеся теги для элементов <script>. Вы должны явно включать закрывающий тег. Кроме того, атрибут language является устаревшим и атрибут type не требуется, когда сценарий JavaScript:

<script src="Scripts/angular.js"></script> 
0

Как не предоставил полную ошибку я заметил свои ошибки и предоставить вам шаг за инициализацию Angular

STEP 1 сделать index.html

<head> 
     <script type="text/javascript" language="javascript" src="lib/angular.js" /> 
     <script type="text/javascript" language="javascript" src="js/app.js" /> 

    </head> 
    <body ng-app="myApp"> 
     <form> 
     <div id="dvStudent" ng-controller="Student"> 
      <label>Name:</label> <input type="text" name="txtStudentName" id="txtStudentName" ng-model="Name" /> 
      <label>City:</label> <input type="text" name="txtStudentCity" id="txtStudentCity" ng-model="City" /> 
      <input type="button" name="btnSave" id="btnStudentSave" value="Save" /> 
      <input type="reset" name="btnReset" id="btnStudentReset" value="Reset" /> 
      <br />   
      <p>You have inputed Name: {{Name}} & City: {{City}} </p> 
     </div> 
     </form> 
    </body> 
</html> 

ШАГ 2 Сделайте две папки lib и js место углового файла в Lib и app.js в папке JS

app.js

var app = angular.module("myApp",[]); 
      app.controller("Student", funtion($scope){ 
       $scope.Name= 'Akshay'; 
       $scope.City: 'Mumbai';   
      }); 
+0

Я так сожалею, для размещения текста ошибки, мой пост теперь отредактирован текстом сообщения об ошибке , –

Смежные вопросы