Угловой: определение модуля или нет

Question

Угловой: определение модуля или нет

0

Простой Угловой вопрос.

Должен ли я определять угловой модуль или нет? Какая разница, если я делаю это так или иначе?

Например, какая разница между выражением var myApp = angular.module('myFirstApp', []); и angular.module('myFirstApp', [])?

Если я использую второй вариант, я понимаю, что все мои заводы и т.д. Должны быть точными, правильными? Как и в .factory('myFactory', function() {}). Но если я использую первый вариант и определяю угловой модуль, я должен также определить свои фабрики и т.д.? как в myApp.factory('myFactory', function() { }); ?

И если я цепочки точек (как и во втором варианте), добавлю ли я все в глобальное пространство имен приложения? Но какая разница между этим и определением модуля и добавлением всего в этом случае myApp?

Пожалуйста, уточните и объясните, извините за очень простой вопрос, я думаю, что ответ на этот вопрос может много связать для меня.

Спасибо.

Редактирование: я думаю, что некоторые из моих вопросов выше можно перефразировать следующим образом: Какая разница между использованием полного углового.module() в качестве геттера каждый раз и глобальной переменной? Почему следует избегать глобальной переменной?

Agent Zebra 29 июль 2016, в 03:12

Источник

Теги:

javascript

angularjs

3 ответа

1

Вот все, что вы хотели знать об угловых, но боялся спросить. : D

https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md

Есть хорошая практика и объяснение, почему вы должны делать что-то одно, а не другое.

Ваш ответ находится в разделе " Определения" (aka Setters).

Kindzoku 29 июль 2016, в 02:58

0

Нет, они не должны быть прикованы. Это очень просто

angular.module() - как setter, так и getter. Вы предоставляете второй аргумент, массив зависимостей, чтобы установить (объявить) новый модуль

Без второго аргумента это ссылка на ранее объявленный модуль.

Таким образом, без цепочки вы можете сделать:

// declare new module
angular.module('myFirstApp', []);

// add features of module
angular.module('myFirstApp').controller(...;    
angular.module('myFirstApp').directive(...;

Это то же самое, что и делать:

var app =  angular.module('myFirstApp', []);

app.controller(....
app.directive(....

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

это также то же самое, что и использование цепочки

angular.module('myFirstApp', [])
     .controller(....
     .directive(....

charlietfl 28 июль 2016, в 21:44

0

Спасибо. Разве это не то, что я имею в виду под точечной цепочкой? например, когда вы пишете .controller(...; чем разница между этим и определением модуля? И затем, если я определяю модуль, я должен определить свои службы / фабрики и т. д. таким же образом? Может быть, я используя фазовую dot chained неправильно?
Agent Zebra 29 июль 2016, в 00:30
0

Не уверен, что вы спрашиваете
charlietfl 29 июль 2016, в 00:31
0

Я думаю, как ты это объяснил, это третий способ? в дополнение к двум я упоминаю в моем вопросе? angular.module('myFirstApp').controller(...; это как цепочка точек, но вы просто добавляете angular.module('myFirstApp') перед каждым контроллером или службой? Какая польза от этого вместо простой цепочки точек их?
Agent Zebra 29 июль 2016, в 00:35
0

Я понимаю ваше замешательство, возможно, я прокомментировал неправильный ответ :) Хорошо, я все перечитал ...
Agent Zebra 29 июль 2016, в 00:37
1

Преимущество в том, что они не должны быть в одном файле
charlietfl 29 июль 2016, в 00:37
0

ах, понял .....
Agent Zebra 29 июль 2016, в 00:37
0

Спасибо, это полезно. Можете ли вы объяснить, что «... является как установщиком, так и получателем. Вы предоставляете второй аргумент, массив зависимостей, чтобы установить (объявить) новый модуль. Без второго аргумента это ссылка на ранее объявленный модуль». Что такое Setter and Getter и каков second argument, dependency array to declare new module ? Извините oO! А что делает Without the second argument it is a reference to a previously declared module. значит?
Agent Zebra 29 июль 2016, в 00:40
0

set module против get module ==> setter / getter. Общие термины, посмотрите их
charlietfl 29 июль 2016, в 00:42
0

Хорошо, а second argument, dependency array to declare new module ?
Agent Zebra 29 июль 2016, в 00:46
0

Ага, получается так: «ionic» или «ui-router» или что-то между [] - это массив зависимостей, объявляющий новый модуль как часть первого модуля? И тоже сеттер?
Agent Zebra 29 июль 2016, в 00:49
0

нет ... это зависимости модуля, которые вводятся с использованием dependency array . Просмотрите документы и некоторые основные учебные пособия.
charlietfl 29 июль 2016, в 00:51
0

Благодарю. Я сделал оба, прошел через документы и основные учебные пособия, просто у меня есть несколько уточняющих вопросов.
Agent Zebra 29 июль 2016, в 00:54
0

Но в соответствии с вашим примером выше, в том смысле, в каком я его читаю, вы говорите, что second argument - это dependency array , верно?
Agent Zebra 29 июль 2016, в 00:56
0

angular.module( name, dependency_array)
charlietfl 29 июль 2016, в 00:59
0

И в вашем объяснении выше, second argument вы ссылаетесь, это name ? Извините: D Если вы можете ответить на вопрос в том виде, в котором его спросили, я бы лучше понял.
Agent Zebra 29 июль 2016, в 01:01
0

Предлагаю вам прочитать о том, какие аргументы в функциях. Вы не можете использовать угловой без некоторого достаточно твердого понимания JavaScript
charlietfl 29 июль 2016, в 01:06
0

Преимущество в том, что они не должны быть в одном файле - на самом деле это гораздо ближе к недостатку. angular.module('myFirstApp')... является наиболее распространенной причиной ошибок, связанных с модулями, которые я видел.
Estus Flask 29 июль 2016, в 01:11
0

@estus drawback ?
Agent Zebra 29 июль 2016, в 01:12
0

@estus а почему это? Есть много приложений, которые используют это как получатель, и никогда не было проблем. Также следует наиболее распространенным рекомендациям руководства по стилю github.com/johnpapa/angular-styleguide/tree/master/…
charlietfl 29 июль 2016, в 01:13
0

@AgentZebra Определения таких терминов, как аргументы, геттер и сеттер - это то, что вам нужно искать. Это чрезвычайно распространенные термины программирования. Я не пытаюсь быть снисходительным, но для того, чтобы обсудить такие части языка, как javscript, необходимо использовать основные термины
charlietfl 29 июль 2016, в 01:17
0

Этот вид использования требует, angular.module('myFirstApp', []) определение модуля angular.module('myFirstApp', []) предшествовало angular.module('myFirstApp') и строго следовало порядку загрузки файла, в противном случае angular.module('myFirstApp') ошибка . Если приложение состоит из нескольких файлов, один модуль на файл является гораздо более надежной и проверенной стратегией.
Estus Flask 29 июль 2016, в 01:18
0

В чем разница между the full angular.module() as getter каждый раз и a global variable ? Я думаю, что это был мой первоначальный вопрос, вы смогли перефразировать его в более простых терминах. Почему следует избегать глобальной переменной?
Agent Zebra 29 июль 2016, в 01:20
0

@estus хорошо, это будет зависеть от используемых инструментов сборки ... у меня никогда не было этой проблемы
charlietfl 29 июль 2016, в 01:21
0

Именно так. Для приложения, которое использует модульность Angular без системы сборки, это становится антипаттерном, и именно здесь «добытчик» используется чаще всего. Для приложения с системой сборки var app = angular.module('myFirstApp', []); app... предпочтительнее, чем angular.module('myFirstApp').. просто потому, что оно более читабельно и лучше минимизируется без недостатков (модули AMD / CJS являются IIFE, app не попадает в глобальную область видимости).
Estus Flask 29 июль 2016, в 01:28
0

@charlietfl мои извинения. Можно также сказать, что под x я имею в виду этот фрагмент кода в данном случае, который может помочь. У некоторых людей есть предыстория, но она не заблокирована, и им нужно задавать вопросы, которые некоторым могут показаться, что они абсолютный новичок. Как я уже сказал, люди понимают и объединяют вещи по-разному. Вот почему часто полезно ответить на вопрос так, как он был задан.
Agent Zebra 29 июль 2016, в 01:30

Показать ещё 23 комментария

Ещё вопросы

Спасибо. Разве это не то, что я имею в виду под точечной цепочкой? например, когда вы пишете .controller(...; чем разница между этим и определением модуля? И затем, если я определяю модуль, я должен определить свои службы / фабрики и т. д. таким же образом? Может быть, я используя фазовую dot chained неправильно?
Я думаю, как ты это объяснил, это третий способ? в дополнение к двум я упоминаю в моем вопросе? angular.module('myFirstApp').controller(...; это как цепочка точек, но вы просто добавляете angular.module('myFirstApp') перед каждым контроллером или службой? Какая польза от этого вместо простой цепочки точек их?
Я понимаю ваше замешательство, возможно, я прокомментировал неправильный ответ :) Хорошо, я все перечитал ...
Преимущество в том, что они не должны быть в одном файле
Спасибо, это полезно. Можете ли вы объяснить, что «... является как установщиком, так и получателем. Вы предоставляете второй аргумент, массив зависимостей, чтобы установить (объявить) новый модуль. Без второго аргумента это ссылка на ранее объявленный модуль». Что такое Setter and Getter и каков second argument, dependency array to declare new module ? Извините oO! А что делает Without the second argument it is a reference to a previously declared module. значит?
set module против get module ==> setter / getter. Общие термины, посмотрите их
Хорошо, а second argument, dependency array to declare new module ?
Ага, получается так: «ionic» или «ui-router» или что-то между [] - это массив зависимостей, объявляющий новый модуль как часть первого модуля? И тоже сеттер?
нет ... это зависимости модуля, которые вводятся с использованием dependency array . Просмотрите документы и некоторые основные учебные пособия.
Благодарю. Я сделал оба, прошел через документы и основные учебные пособия, просто у меня есть несколько уточняющих вопросов.
Но в соответствии с вашим примером выше, в том смысле, в каком я его читаю, вы говорите, что second argument - это dependency array , верно?
И в вашем объяснении выше, second argument вы ссылаетесь, это name ? Извините: D Если вы можете ответить на вопрос в том виде, в котором его спросили, я бы лучше понял.
Предлагаю вам прочитать о том, какие аргументы в функциях. Вы не можете использовать угловой без некоторого достаточно твердого понимания JavaScript
Преимущество в том, что они не должны быть в одном файле - на самом деле это гораздо ближе к недостатку. angular.module('myFirstApp')... является наиболее распространенной причиной ошибок, связанных с модулями, которые я видел.
@estus а почему это? Есть много приложений, которые используют это как получатель, и никогда не было проблем. Также следует наиболее распространенным рекомендациям руководства по стилю github.com/johnpapa/angular-styleguide/tree/master/…
@AgentZebra Определения таких терминов, как аргументы, геттер и сеттер - это то, что вам нужно искать. Это чрезвычайно распространенные термины программирования. Я не пытаюсь быть снисходительным, но для того, чтобы обсудить такие части языка, как javscript, необходимо использовать основные термины
Этот вид использования требует, angular.module('myFirstApp', []) определение модуля angular.module('myFirstApp', []) предшествовало angular.module('myFirstApp') и строго следовало порядку загрузки файла, в противном случае angular.module('myFirstApp') ошибка . Если приложение состоит из нескольких файлов, один модуль на файл является гораздо более надежной и проверенной стратегией.
В чем разница между the full angular.module() as getter каждый раз и a global variable ? Я думаю, что это был мой первоначальный вопрос, вы смогли перефразировать его в более простых терминах. Почему следует избегать глобальной переменной?
@estus хорошо, это будет зависеть от используемых инструментов сборки ... у меня никогда не было этой проблемы
Именно так. Для приложения, которое использует модульность Angular без системы сборки, это становится антипаттерном, и именно здесь «добытчик» используется чаще всего. Для приложения с системой сборки var app = angular.module('myFirstApp', []); app... предпочтительнее, чем angular.module('myFirstApp').. просто потому, что оно более читабельно и лучше минимизируется без недостатков (модули AMD / CJS являются IIFE, app не попадает в глобальную область видимости).
@charlietfl мои извинения. Можно также сказать, что под x я имею в виду этот фрагмент кода в данном случае, который может помочь. У некоторых людей есть предыстория, но она не заблокирована, и им нужно задавать вопросы, которые некоторым могут показаться, что они абсолютный новичок. Как я уже сказал, люди понимают и объединяют вещи по-разному. Вот почему часто полезно ответить на вопрос так, как он был задан.

Adam Harrison · Accepted Answer · 2016-07-28T21-55-00.000Z

Вам не нужно назначать свой угловой модуль переменной. Но вам нужно определить его так.

angular.module('myModule', []);

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

angular.module('myModule').factory('myFactory', function() {});

Вы можете использовать angular.module('myModule') чтобы получить модуль и добавить в модуль контроллеры, заводы, ect....

Это позволяет вам устанавливать контроллеры, заводы, ect... в разные файлы.

Надеюсь, это поможет вам в правильном направлении.