настроить приложение AngularUi

Question

настроить приложение AngularUi

0

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

index.html:

<!doctype html>
<html lang="en" ng-app="studentDetailApp">
<head>
  <meta charset="UTF-8">
  <title>Student Details App</title>
  <link rel="stylesheet" href="../node_modules/angular-ui-bootstrap/ui-bootstrap-csp.css"/>
</head>

<body>
<div class="row-fluid" ng-controller="StudentController">
  <div class="span2">{{studentName}} </div>
  <div class="span4"><progress percent="studentMark"></progress></div>
</div>

<!--Required JS Files List :start -->
<script src="../node_modules/angular/angular.js"></script>
<script src="../node_modules/angular/angular-route.js"></script>
<script src="../node_modules/angular-ui-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="controllers/controllers.js"></script>
<script src="js/app.js"></script>
<!--Required JS Files List :end -->

</body>
</html>

controller.js:

'use strict';

/* Controllers Module for studentDetailApp application*/
var studentControllerModule = angular.module('studentDetailApp.controllers', ['ngRoute', 'ui.bootstrap']);

/*StudentController: controller for students*/
studentControllerModule.controller('StudentController', function($rootScope, $scope, $location, $routeParams) {

  $scope.studentName = "Sandeep Kumar Patel";
  $scope.studentMark = 75;

});

app.js:

'use strict';

angular.module('studentDetailApp', ['ngRoute', 'studentDetailApp.controllers']).

  config(['$routeProvider', function($routeProvider,StudentController) {

    $routeProvider.when('/', { controller: 'StudentController'});

    $routeProvider.otherwise({redirectTo: '/'});

  }]);

У меня есть индикатор выполнения, поэтому я думаю, что AngularUI правильно инициализирован, но похоже, что я не могу получить доступ к данным контроллера.

У меня такая ошибка:

Ошибка: [$ injector: modulerr] Не удалось создать экземпляр модуля studentDetailApp из-за:

[$ injector: modulerr] Не удалось создать экземпляр модуля studentDetailApp.controllers из-за:

[$ injector: nomod] Модуль 'studentDetailApp.controllers' недоступен! Вы либо ошибочно написали имя модуля, либо забыли загрузить его. Если регистрация модуля гарантирует, что вы укажете зависимости в качестве второго аргумента.

http://errors.angularjs.org/1.4.7/ $ инжектор /nomod? p0 = studentDetailApp.controllers

minErr/<@http://localhost: 8080/node_modules/угловой/угловой.js: 68: 12

module/<@http://localhost: 8080/node_modules/angular/angular.js: 1986: 1

обеспечить @http://localhost: 8080/node_modules/угловой/угловой.js: 1910: 38

module @http://localhost: 8080/node_modules/angular/angular.js: 1984: 1

loadModules/<@http://localhost: 8080/node_modules/angular/angular.js: 4390: 22

forEach @http://localhost: 8080/node_modules/угловой/угловой.js: 336: 11

loadModules @http://localhost: 8080/node_modules/угловой/угловой.js: 4374: 5

loadModules/<@http://localhost: 8

Ellone 27 окт. 2015, в 13:22

Источник

1

это опечатка? в коде у вас есть controllers/controllers.js но в описаниях файлов вы описываете файл как controller.js .
Claies 27 окт. 2015, в 11:59
0

Спасибо ! Орлиные глаза !
Ellone 27 окт. 2015, в 12:22