Angularjs множественное поле выбора в каждом ряду - PullRequest
0 голосов
/ 28 октября 2018

Я создаю строку динамически с множественным полем выбора в качестве одного из полей формы в Angularjs 1.7.5.

Каждая строка имеет два поля множественного выбора [Input & Selected]

View:

  <select name="inoutvaluedy" class="custom-select" multiple ng-model="available" ng-options="client as client for client in availableclients"></select>
<button id="moveright" class="btn_arrow_style" type="button" value="Add Client" ng-click="additem(available)"></button>
<button id="moveleft" class="btn_arrow_style" type="button" value="Remove Client" ng-click="removeitem(input)"></button>
<select name="selectedclients"  class="custom-select" multiple ng-model="input" ng-options="client as client for client in selectedclients"></select>

Контроллер:

$scope.availableclients = ["fromEmail", "toEmail", "Content"];
$scope.selectedclients = [];
$scope.columns = [{id: 1, input:$scope.selectedclients}];
 $scope.addNewColumn = function() {
var newItemNo = $scope.columns.length + 1;
$scope.columns.push({
  id: newItemNo,
  input: $scope.selectedclients
});  };
//Add item to selected
$scope.additem = function(items) {
items.forEach(function(item) {
  $scope.selectedclients.push(item);
  $scope.availableclients.splice(items, 1);
});}
//Remove item from selected
$scope.removeitem = function(items) {
items.forEach(function(item) {
  $scope.selectedclients.push(item);
  $scope.availableclients.splice(item, 1);
});}

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

Может быть, мой подход был бы неправильным.Пожалуйста, посмотрите на мой поршень и поправьте меня.Заранее благодарим

https://embed.plnkr.co/fVEc4xljSQvOVz4zDeUM/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...