Сохранить массив объектов в угловых

0

Привет, я пытаюсь собрать следующий объект

$ scope.passengers = {adult: [{firstname: "name", lastname: "othername"}, {firstname: "name", lastname: "othername"}, {firstname: "name", lastname: "othername"} ], child: [{firstname: "name", lastname: "anothername"}, {firstname: "name", lastname: "othername"}, {firstname: "name", lastname: "othername"}], extras: "someValue"};

В моем контроллере у меня есть следующее

$scope.passengers = {};
$scope.passengers.adult = [];
$scope.passengers.child = [];
$scope.numberAdult = 10;
$scope.numberChildren = 10;
Y las funciones
//Functions return an array null
$scope.getNumber = function(num) {
    num = parseInt(num);
    return new Array(num);   
};
$scope.savePassengers = function(product_id)
 {
    //for the moment only print the variable
    console.log($scope.passengers)
 }

На моей странице HTML

<form name="passengers-form" ng-submit="savePassengers(product.id)">        
    <div class="col-lg-12">

        <div class="form-horizontal">
            <div class="row">
                <div class="form-group"  ng-repeat="a in getNumber(numberAdult) track by $index">
                    <label class="col-sm-3 control-label">Adult {{$index + 1 }}</label>
                    <div class="col-sm-3">
        <input  required  ng-model="passengers.adult[$index].firstname" class="form-control" placeholder="First Name" type="text">
                    </div>

                    <div class="col-sm-3">
                            <input  required ng-model="passengers.adult[$index].lastname" class="form-control" placeholder="Last Name" type="text">
                    </div>
                </div>

                <div class="form-group"  ng-repeat="a in getNumber(numberChildren) track by $index">
                    <label class="col-sm-3 control-label">Child {{$index + 1 }}</label>
                    <div class="col-sm-3">
                            <input  required ng-model="passengers.child[$index].firstname"  class="form-control" placeholder="First Name" type="text">
                    </div>

                    <div class="col-sm-3">
                            <input  required  ng-model="passengers.child[$index].lastname" class="form-control" placeholder="Last Name" type="text">
                    </div>
                </div>


                <div class="form-group">
                    <label class="col-sm-3 control-label">Extras</label>
                    <div class="col-sm-6">
                            <textarea name="" ng-model="passengers.extras"class="form-control" id="" cols="30" rows="10"></textarea>
                    </div>
                </div>


                <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">

                    <div class="form-group buttons pull-right">                                                                 

                        <button class="btn btn-primary" id="guardar" type="submit">
                            <i class="fa fa-save"></i>Add to Cart ->
                        </button>                                                                                                                                       
                    </div>
                </div>                  

            </div>
        </div>

    </div>      
    <div class="clearfix"></div>
</form> 

Но когда я печатаю переменную "пассажир", консоль показывает: Object {extras: "someValue"}

  • 0
    Предлагаю вам создать демо, которое повторяет это. Не очевидно, где проблема может быть
Теги:
angular-ngmodel
ng-submit
ng-repeat

1 ответ

1
Лучший ответ

Ваша проблема в том, что ng-repeat создает изолированную область, поэтому ваши поля ввода не отражают правильную область. Это может быть дополнительно проверено, если ваше extras поле правильно выполнено.

Вы должны изменить эти строки в своем HTML:

<input  required  ng-model="$parent.passengers.adult[$index].firstname" class="form-control" placeholder="First Name" type="text">
...
<input  required ng-model="$parent.passengers.adult[$index].lastname" class="form-control" placeholder="Last Name" type="text">

И сделайте то же самое для детской области.

  • 0
    Спасибо да работает

Ещё вопросы

Сообщество Overcoder
Наверх
Меню