2016-06-07 2 views
-5

Угловой код JS. 2 списков, каждый список имеет элементы внутри, нажмите на элемент списка, элемент удаляется из этого списка и добавить к другимУгловые ошибки JavaScript

ищет возможность многократного использования:

$scope.move=function(index){ 
     $scope.list2.push($scope.list1[index]); 
     $scope.list1.splice(index,1); 
    } 
+4

Добро пожаловать в StackOverflow. Пожалуйста, проверьте меню справки о том, какие вопросы задавать аки или нет, и как задать хороший вопрос. StackOverflow не является сообществом обезьян кода. –

ответ

1

Это легко, как пирог: https://plnkr.co/edit/xxTpvxB9GSwAqy25s5GN?p=preview

<body ng-controller="MainCtrl"> 
    <p>List1</p> 
    <div ng-repeat="item in list1"> 
    <a href="" ng-click="move($index);">{{item}}</a> 
    </div> 
    <hr/> 
    <p>List2</p> 
    <div ng-repeat="item in list2">{{item}}</div> 
</body> 

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.list1 = [ 
    "12", 
    "13", 
    "14" 
    ]; 
    $scope.list2=["223"]; 

    $scope.move=function(index){ 
     $scope.list2.push($scope.list1[index]); 
     $scope.list1.splice(index,1); 
    } 
}); 
+0

благодарит вас Роман – zeraroze

+0

Спасибо за помощь. Это сработало. но каждый может предположить, что сделать это как многоразовое. потому что я ищу, чтобы добавить к & fro ... – zeraroze

+0

Я ищу повторное использование ниже сниппета .. как list1 и list2 должны быть resuable .. $ scope.move = function (index) { $ scope.list2. толчок ($ scope.list1 [индекс]); $ scope.list1.splice (индекс, 1); } – zeraroze

Смежные вопросы