Я создаю строку динамически с множественным полем выбора в качестве одного из полей формы в 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/