Использование случаев использования AngularJS и JQuery

Я программист JQuery, который хочет использовать AngularJS для моего следующего проекта. После прочтения этого отличного ответа о том, как "думать в Angular" вместо включения и использования JQuery, интересно, какие хорошие варианты использования существуют для использования JQuery + Angular, Я хотел бы немного поучаствовать в программировании Angular.

Цитата из сообщения Stackoverflow:

"Суть в том, что: при решении проблемы сначала" подумайте в AngularJS ", если вы не можете придумать решение, спросите сообщество, если после всего этого нет простого решения, тогда не стесняйтесь для jQuery"

Когда я должен связаться с JQuery?

Ответ 1

Я думаю, что ключевые слова в цитате вашего вопроса: "Если в конце концов нет простого решения"

Интересно, какие существуют хорошие варианты использования JQuery + Angular.

Случай использования: проект, над которым я работаю, использует компонент Zurb Foundation "показать" для модального окна, которое мне особенно нравится. Это комплимент приложения, над которым я хорошо работаю. Конечно, существует проект Angular UI, в котором есть модальное окно, но я предпочитаю раскрывать в этом случае.

Это зависит от JQuery. Пользователь blesh ответил с большими идеями о том, как включить этот способ AngularJS здесь.

После некоторых исследований, если вы сделаете вывод, что вы можете сделать что-то намного проще в JQuery, тогда сделайте это, но обязательно включите компонент AngularJS.

В любом случае, это мое отношение.

Ответ 2

AngularJS представляет собой сложную структуру с умеренной или крутой кривой обучения. JQuery - это не инфраструктура, а библиотека. Если вы хотите создать одностраничное приложение, особенно приложение CRUD, то AngularJS хорошо подходит, поскольку он будет предлагать двухстороннюю привязку данных, маршрутизацию (важную для одностраничных приложений) и многие другие функции из коробки.

Он использует jQlite подмножество jQuery, но он усомнился в том, как создаются приложения, это означает, что вам нужно твердое понимание того, как это работает, вам нужно будет понять контроллеры, службы и директивы и почему вы должны обновлять DOM в директивах.

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

Если вы включите jQuery перед AngularJS, он заменит jQlite, чтобы понять основные принципы и, таким образом, вооружиться знаниями для принятия решений по его использованию, взгляните на эти отличные видео на egghead.io.

Когда нужно выполнить для jQuery

Вы получаете для jQuery, когда вы не можете сделать что-то Angular, это часто, когда вы находитесь на границе рамки.

<сильные > Примеры:

Примером этого является Angular не имеет способа отключить элементы в элементе select. Вы бы достигли jQuery здесь, чтобы прослушать событие изменения в выборе и управлять пользовательским интерфейсом самостоятельно из директивы. См. обновление ниже.

Если вы используете стороннюю библиотеку, например, вам может потребоваться инициировать событие с помощью jQuery и забрать его в стороннем коде или в другом месте. Здесь вы найдете jQuery или что-то вроде pubsub бесценный.

UPDATE

Что касается возможностей маршрутизации, я настоятельно рекомендую отличный UI-Router вместо маршрутизатора без коробки.

ОБНОВЛЕНИЕ v2

Angular 1.4 теперь имеет поддержку для отключения параметров в элементе select.