Как такое сделать на Angular.js? И вообще на нем ли нужно?

Question

[Rigandox]

Логика.
1. Пользователь нажимает на кнопку
2. Появляется форма(в модальном окне)
3. Можно ее заполнить и сохранить или отменить
4. Потом это модальное окно можно снова открыть. изменить поля, нажать отмена и поля останутся старыми. Или нажать сохранить и поля изменятся
5. Можно естественно и вовсе удалить
6. Если пользователь нажмет еще раз на кнопку - создастся еще одна такая же форма(модальное окно)
7. И так до бесконечности
8. Ну а потом в нужный момент все это отправляется на сервер :)

Писать за меня это естественно не нужно. Если это делается на angular - ткните в нужное место в документации. Если нет - в фреймворк.

Спасибо!

Answer 1

[D']

Как бы это базовые вещи при работе с angular (да и другими собратьями).
Тут даже тыкать некуда. Это основы. Просто открыть документацию по Anguar, и буквально в первых же разделах будет вся эта информация.

Answer 2

[Зелимхан Бельтоев]

В контроллере держите список редактируемых элементов. А в нем уже потом добавляете/редактируете данные.

Коротко по некоторым пунктам (другие слишком очевидны, по-моему):

2. Появляется форма(в модальном окне)

https://github.com/likeastore/ngDialog

4. Потом это модальное окно можно снова открыть. изменить поля, нажать отмена и поля останутся старыми. Или нажать сохранить и поля изменятся

В модальном окне используется отдельная переменная, после чего при сохранении - пишется/обновляется элемент в списке, при отмене - ничего не делается.

8. Ну а потом в нужный момент все это отправляется на сервер :)

Для этого добавляете сервис (не делайте запрос в контроллере), через него и взаимодействуйте с сервером.

Писать за меня это естественно не нужно. Если это делается на angular - ткните в нужное место в документации.

Как и было сказано, это обычные CRUD операции, которые очень просто реализовать

Answer 3

[Михаил]

Как вам уже сказали выше: да, все это реализуется на Angular.

Если вы работате с Bootstrap.
Модальные окна, как и другие сложные компоненты, я бы рекомендовал брать из Angular UI.

Зелим Бельтоев
В контроллере держите список редактируемых элементов. А в нем уже потом добавляете/редактируете данные.

Надеюсь, не имелось ввиду держать данные прямо в контроллере. Для этого есть модели.

Answer 4

[_ _]

Не нужен вам ангуляр для этого, напишите на plain old javascript. Если не можете, то ни один из фреймворков вас от незнания базы не спасет.

Comments

[Rigandox]

Я уже писал:) Все работает. Но это был...***