Блог

Мне нужно показать некоторые данные из массива с помощью ng-repeat, и у каждого данные имеют свое собственное поле ввода. Мне нужно динамически добавлять эти входные данные, а затем получать из них данные, вызывая функцию.

 //controller for my modal

app.controller('myCtrl1', function($uibModal, $uibModalInstance, 
$window, $http, data) { 
    var pc = this;
    pc.childTradeValues = data.childTradeVal.child;

    pc.arr = [];

    pc.confirmTrade = function (object) {                                                         //Confirm Trade Function
        console.log(object);
        // $uibModalInstance.close();
    };

    pc.cancel = function () {
        $uibModalInstance.dismiss('cancel');
    };
});

//Code of my Modal where im creating inputs
<div class="modal-body">
  <div>
<div ng-repeat="childTradeValue in pc.childTradeValues track by $index">
        <label>{{ childTradeValue.email }}</label>
        <input type="number" ng-model="arr[$index]" class="form-control" placeholder="Enter Quantity">{{arr[$index]}}
    </div>
</div>
</div>  
<div class="modal-footer">
<div class="col-md-12 textAlignCenter">
<button class="btn btn-success" ng-click="pc.confirmTrade($index)">
  Confirm
</button>
</div>


//my Array 
$scope.childTradeVal = {"child":[{"id":1,"email":"test@gmail.com"}, 
{"id":2,"email":"test2@gmail.com"}, 
{"id":3,"email":"test3@gmail.com"}]};