Angular не видит биндинг

Question

[max_mara]

Привет,

Потихоньку разбираюсь с Angularjs, хочу сделать простенькую форму подписки на email рассылку.

Вот пример http://jsfiddle.net/2Kaju/

Но по какой-то причине в $scope нет моей переменной email

Где я не прав? И вообще может я совсем не правильно эту форму делаю?

Answer 1

[EugeneOZ]

Переменные находятся в разных $scope.
Используйте «точку» в таких случаях: jsfiddle.net/2Kaju/8/
Подробнее: www.egghead.io/video/DTx23w4z6Kc

Comments

[max_mara]

Вы правы, огромное спасибо.

А это баг или фича такая? С чем это связано?

[EugeneOZ]

Фича, сделано для разделения областей видимости. Помогает при использовании ng-view, но иногда мешает.

[nur]

лучше не завязывать биндинги форм через вложенные в $scope свойства при использовании ng-submit. так у вас будет сильная связь представления и логики. в методе submit у вас своя область видимости которую можете получить по ссылке this
jsfiddle.net/2Kaju/10/
и за одно нужно читать официальную документацию docs.angularjs.org/api/ng.directive:ngSubmit

Answer 2

[egorinsk]

Вы выбрали неправильный инструмент для этой задачи и неправильный пример для изучения фреймворка. В данном случае лучший инструмент — это код вроде $(form).submit($.ajax({})). Подключать монстрообразный фреймворк ради 2 полей, как минимум странно.

Angular предназначен в первую очередь для создания CRUD приложений (это написано в документации). Приложений с моделями, навигацией, аяксом и прочим. То, что вы пытаетесь им сделать форму подписки, говорит, что либо 1) вы не прочли даже первую главу документации 2) прочили, но не поняли то, что там написано.

И я надеюсь, что вы это делаете для себя, а не для заказчика или работодателя, например.

Comments

[EugeneOZ]

Вместо «монструозного» AngularJS Вы предлагаете «миниатюрненький» jQuery?
developers.google.com/speed/libraries/devguide:
angular.min.js — 79 Kb
jquery.min.js — 91 Kb.

И остальное тоже мимо.
Посмотрите builtwith.angularjs.org/

[egorinsk]

Не могу согласиться. Angular предоставляет такие возможности, как модули, сервисы, DI, двунаправленные биндинги. Ни одна из этих возможностей не нужна для того, чтобы прочитать email из формы, проверить его, отправить на сервер аяксом и вывести сообщение.

Где у вас двунаправленные биндинги, где модели, где директивы, где dependency injection, где юнит-тесты, где сервисы и модули, где зависимости, где шаблоны?

Использовать тут ангуляр — это все равно, что забивать гвозди микроскопом, в принципе это возможно, но выглядит странно и появляется вопрос, а понимает ли человек, что он делает. Если вы хотите изучать фреймворк, так возьмите нормальную задачу, где все это нужно.

Если jQuery слишком большой, то можно взять что-нибудь вроде Zepto JS или Vanilla JS, сути это не меняет, там где нужна обертка над DOM, логично использовать обертку над DOM, а не что-то другое.

> Посмотрите builtwith.angularjs.org/

Ну, посмотрел, там как раз где-то 50 на 50: половина — приложения с формами и моделями, и половина — левые сайты, где люди просто решили использовать Angular, потому, что это модно, хотя там он нафиг не нужен.

[EugeneOZ]

Да jQuery тоже не одну функцию предоставляет — их обязательно все использовать? Ajax запросы это не обёртка над DOM. Всё тут можно и нативным JS сделать. Человек просто изучает Angular, а Вы просто несёте чушь и троллите.

[egorinsk]

Если он изучает фреймворк, он должен понимать, для чего он предназначен и где его уместно использовать, а не пытаться использовать его всюду только потому, что о нем каждый день пишут на Хабре. Я пытаюсь ему помочь и объяснить это. Где тут троллинг?

[EugeneOZ]

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

[max_mara]

Я учу Angular на примерах.

Ах если-бы только формочку отправить! © Лень