Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
some_name
Вежливость-главное оружие
227 / 226 / 86
Регистрация: 19.02.2013
Сообщений: 1,441
1

Многомодульность. Как правильно сделать?

01.04.2015, 13:23. Просмотров 610. Ответов 5
Метки нет (Все метки)

Здравствуйте!

Делаю, какзалось бы элементарную вещь. Объявляю модуль(файл app.js):
Javascript
1
2
3
4
5
var app = angular.module('flowertyApp', ['ngRoute']);
 
app.controller('logInController', function() {
    alert("Ok!");
});
Пытаюсь это использовать(файл index.html):
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <title>Welcome!</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
        <script src="https://code.angularjs.org/1.3.9/angular.js"></script>
        <script src="../../../resources/js/external/bootstrap.min.js"></script>
        <script src="../../../resources/js/scripts/app.js"></script>
</head>
    <body>
        <div>
        <div ng-controller="sayHello">
            <h1>{{hello}}</h1>
            <input type="text" ng-model="hello">
        </div>
        </div>
    </body>
</html>
Получаю это:
Кликните здесь для просмотра всего текста

[13:19:49.495] Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$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.3.9/$injector/nomod?p0=myApp
minErr/<@https://code.angularjs.org/1.3.9/angular.js:63
module/<@https://code.angularjs.org/1.3.9/angular.js:1766
ensure@https://code.angularjs.org/1.3.9/angular.js:1688
module@https://code.angularjs.org/1.3.9/angular.js:1762
loadModules/<@https://code.angularjs.org/1.3.9/angular.js:4094
forEach@https://code.angularjs.org/1.3.9/angular.js:323
loadModules@https://code.angularjs.org/1.3.9/angular.js:4078
createInjector@https://code.angularj...3.9/angular.js:4004
bootstrap/doBootstrap@https://code.angularjs.org/1.3.9/angular.js:1446
bootstrap@https://code.angularjs.org/1.3.9/angular.js:1467
angularInit@https://code.angularjs.org/1.3.9/angular.js:1361
@https://code.angularjs.org/1.3.9/angular.js:26054
jQuery.Callbacks/fire@http://code.jquery.com/jquery-latest.js:3119
jQuery.Callbacks/self.fireWith@http://code.jquery.com/jquery-latest.js:3231
.ready@http://code.jquery.com/jquery-latest.js:3443
completed@http://code.jquery.com/jquery-latest.js:3474

http://errors.angularjs.org/1.3.9/$injector/modulerr?p0=myApp&p1=%5B%24injector%3Anomod%5D%20Module%20'myApp'%20is%20not%20available!%20You%20either%20misspelled%20 the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20th e%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.3.9%2F%24injector%2Fnomod%3Fp0% 3DmyApp%0AminErr%2F%3C%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A63%0Amodule%2F%3C%40https%3A%2F%2Fcode. angularjs.org%2F1.3.9%2Fangular.js%3A1766%0Aensure%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1688%0Amodu le%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1762%0AloadModules%2F%3C%40https%3A%2F%2Fcode.angularjs.org %2F1.3.9%2Fangular.js%3A4094%0AforEach%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A323%0AloadModules%40htt ps%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A4078%0AcreateInjector%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2F angular.js%3A4004%0Abootstrap%2FdoBootstrap%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1446%0Abootstrap%4 0https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1467%0AangularInit%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2 Fangular.js%3A1361%0A%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A26054%0AjQuery.Callbacks%2Ffire%40http%3 A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3119%0AjQuery.Callbacks%2Fself.fireWith%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3231%0A.ready%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3443%0Acompleted%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3474%0A @ https://code.angularjs.org/1.3.9/angular.js:63


Погуглил, оказывается вот что.

Решается такое с помощью, например, RequireJS. Но как его настроить - это тоже задача.

Подстакажите кто-нибудь, как мне застапить работать мой простенький пример! И возможно ли писать на AngularJs в разных файлах не прибегая к пляске с бубном.

Заранее спс!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.04.2015, 13:23
Ответы с готовыми решениями:

Как правильно дублировать в actionscript 2.0 и как правильно сделать объект для дублирования
Я только начал изучать actionscript и прошу мне помочь. Как правильно...

Как сделать,у меня сервер обычная XP,как мне правильно сделать так,что бы некоторые компы отрезать от инета,но не от базы данных(К+ и 1С и т.п)
Система токая,инет идет на модем,с модема идет на хаб,с хаба на всех??? какой...

Как правильно сделать цикл?
Привет всем. Наткнулся на хороший пример вот он...

Многомодульность. Файлы *.pro, *.pri
Добрый день, уважаемые форумчане. Пытаюсь создать простую многомодульную...

как сделать правильно?
вот кусок кода: Form5: TForm5; implementation const zd114=14; {$R...

5
vovandr
630 / 518 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
01.04.2015, 19:42 2
В html вы объявляете модуль myApp, а в скрипте flowertyApp? Как так? или у вас flowertyApp где-то в др месте? (с именем контроллера тоже самое)
0
some_name
Вежливость-главное оружие
227 / 226 / 86
Регистрация: 19.02.2013
Сообщений: 1,441
01.04.2015, 20:01  [ТС] 3
Прошу прощения. Это я когда вопрос писал, забыл подредактировать. Т.е. с именами все нормально:
Javascript
1
2
3
4
5
var app = angular.module('myApp', ['ngRoute']);
 
app.controller('sayHello', function() {
    alert("Hello, AngularJs!");
});
0
vovandr
630 / 518 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
01.04.2015, 20:11 4
Подключать angular-route.js надо после того как angular подключен

Добавлено через 27 секунд
HTML5
1
2
<script src="https://code.angularjs.org/1.3.9/angular.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
0
some_name
Вежливость-главное оружие
227 / 226 / 86
Регистрация: 19.02.2013
Сообщений: 1,441
01.04.2015, 20:36  [ТС] 5
Так же

Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html ng-app="myApp">
    <head>
        <title>Welcome!</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="https://code.angularjs.org/1.3.9/angular.js"></script>
        <script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
        <script src="../../../resources/js/external/bootstrap.min.js"></script>
        <script src="../../../resources/js/scripts/app.js"></script>
</head>
    <body>
        <div>
        <div ng-controller="sayHello">
            <h1>{{hello}}</h1>
            <input type="text" ng-model="hello">
        </div>
        </div>
    </body>
</html>


Кликните здесь для просмотра всего текста
Javascript
1
2
3
4
5
var app = angular.module('myApp', ['ngRoute']);
 
app.controller('sayHello', function() {
    alert("Hello, AngularJs!");
});


Кликните здесь для просмотра всего текста

[20:36:02.404] Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$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.3.9/$injector/nomod?p0=myApp
minErr/<@https://code.angularjs.org/1.3.9/angular.js:63
module/<@https://code.angularjs.org/1.3.9/angular.js:1766
ensure@https://code.angularjs.org/1.3.9/angular.js:1688
module@https://code.angularjs.org/1.3.9/angular.js:1762
loadModules/<@https://code.angularjs.org/1.3.9/angular.js:4094
forEach@https://code.angularjs.org/1.3.9/angular.js:323
loadModules@https://code.angularjs.org/1.3.9/angular.js:4078
createInjector@https://code.angularj...3.9/angular.js:4004
bootstrap/doBootstrap@https://code.angularjs.org/1.3.9/angular.js:1446
bootstrap@https://code.angularjs.org/1.3.9/angular.js:1467
angularInit@https://code.angularjs.org/1.3.9/angular.js:1361
@https://code.angularjs.org/1.3.9/angular.js:26054
jQuery.Callbacks/fire@http://code.jquery.com/jquery-latest.js:3119
jQuery.Callbacks/self.fireWith@http://code.jquery.com/jquery-latest.js:3231
.ready@http://code.jquery.com/jquery-latest.js:3443
completed@http://code.jquery.com/jquery-latest.js:3474

http://errors.angularjs.org/1.3.9/$injector/modulerr?p0=myApp&p1=%5B%24injector%3Anomod%5D%20Module%20'myApp'%20is%20not%20available!%20You%20either%20misspelled%20 the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20th e%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.3.9%2F%24injector%2Fnomod%3Fp0% 3DmyApp%0AminErr%2F%3C%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A63%0Amodule%2F%3C%40https%3A%2F%2Fcode. angularjs.org%2F1.3.9%2Fangular.js%3A1766%0Aensure%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1688%0Amodu le%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1762%0AloadModules%2F%3C%40https%3A%2F%2Fcode.angularjs.org %2F1.3.9%2Fangular.js%3A4094%0AforEach%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A323%0AloadModules%40htt ps%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A4078%0AcreateInjector%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2F angular.js%3A4004%0Abootstrap%2FdoBootstrap%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1446%0Abootstrap%4 0https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A1467%0AangularInit%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2 Fangular.js%3A1361%0A%40https%3A%2F%2Fcode.angularjs.org%2F1.3.9%2Fangular.js%3A26054%0AjQuery.Callbacks%2Ffire%40http%3 A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3119%0AjQuery.Callbacks%2Fself.fireWith%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3231%0A.ready%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3443%0Acompleted%40http%3A%2F%2Fcode.jquery.com%2Fjquery-latest.js%3A3474%0A @ https://code.angularjs.org/1.3.9/angular.js:63
0
Qwertiy
821 / 629 / 100
Регистрация: 20.08.2013
Сообщений: 2,524
06.04.2015, 13:41 6
Цитата Сообщение от some_name Посмотреть сообщение
<script src="../../../resources/js/scripts/app.js"></script>
А этот файл вообще загружается?
0
06.04.2015, 13:41
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.04.2015, 13:41

Как сделать правильно
Ситуация такая. Есть таблица, число записей около 4500 я джойню эту таблицу ещё...

Как правильно сделать?
Вот задача: Написать программу ввода в массив 10 числе, заменить все числа...

Как сделать правильно
... есть таблица `test_comprofiler` (`user_id`, `profile_key`,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru