Как правильно в данной ситуации организовать передачу информации в обьект?

Question

[DarthJS]

Подскажите пожалуйста, как какими путями можно получить из формы обьект данного типа:

info: [
{name: "название поля", value: "результат инпута"},
{name: "название поля", value: "результат инпута"}...]

Например:

<label>Name: </label><input type="text" ng-model="info.value"> // в него мы пишем например Мик
<label>Last Name: </label><input type="text" ng-model="info.value"> //а сюда Томсон

На выходе должно получиться:

info: [ 
{"name": "Name: ", "value": "Мик"},
{"name": "Last Name", "value": "Томсон"}... и так далее..]

Answer 1

[_ _]

ng-model="info[0].value"
ng-model="info[1].value"

Comments

[DarthJS]

так это будет 0: {value: "Мик"}, 1: {value: "Томсон"} а нужно {name: "Name", value: "Мик"}, {name: "Last Name", value: "Томсон"} - Name and LastName - название полей

[_ _]

DarthJS: Ты попробуй сначала

[DarthJS]

Александр Марченко: ну, получилось так как я сказал

[_ _]

DarthJS я неправильно тебя понял. Т.е. тебе нужно форму собрать в объект, а не просто привязать поля формы к уже существующему.
codepen.io/AMar4enko/pen/EjpxvW

[DarthJS]

Александр Марченко: да, я уже решил правда, но все равно спасибо. И кстати, почему ты испльзуешь this? Мне нравится конструкция ControllerAs, но был такой случай, на собеседовании один Сеньер улыбнулся и сказал, что я чего-то не того начитался. Я немного был ошарашен. И $scope не нужно было в DemoController пихать, рас уш конструкицю с this используешь..

[_ _]

DarthJS то, что должность разработчика - сеньор, это еще не значит , что он все делает правильно. Скоуп инжектится потому, что я сначала написал watchCollection на объект, потом решил нормально через ngChange написать. Что и куда пихать, будь уверен, я знаю - у меня во всех последних проектах контроллеры на ES6 классах с наследованием.

[DarthJS]

Александр Марченко: Ясно, спасибо, что-то новое для себя уяснил :)

Answer 2

[DigitalSmile]

Создайте свою директиву с require: 'ngModel' и добавьте свой парсер, который может преобразовать и передать куда угодно значения из ваших инпутов.

Comments

[DarthJS]

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

[DigitalSmile]

DarthJS: инпуты я просто привел, поскольку Вы о них говорили, вообще смысл использовать связку ngModel и собственной директивы.

[DarthJS]

DigitalSmile: оки, спасибо, будем копать