2016-06-07 8 views
-5

Angular JS-Code. 2 Listen, jedes Listenelement nach innen hat, aus einer Liste auf einen Eintrag klicken, wird das Element aus dieser Liste entfernt, und fügen Sie für Wiederverwertbarkeit zu einem anderenAngular JavaScript Coding Probleme

suchen:

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

Willkommen bei StackOverflow. Bitte überprüfen Sie das Hilfe-Menü, welche Fragen Sie an aks stellen sollen oder nicht und wie Sie eine gute Frage stellen können. StackOverflow ist keine Gemeinschaft von Code-Affen. –

Antwort

1

Es ist ganz leicht: 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

danke dir Roman – zeraroze

+0

Danke für die Hilfe. Es funktionierte. aber jeder kann vorschlagen, wie man das als wiederverwendbar macht. weil ich suche, hin und her zu addieren ... – zeraroze

+0

ich suche nach Wiederverwendbarkeit auf unter Schnipsel .. wie list1 und list2 sollte resuable sein. $ scope.move = Funktion (Index) { $ scope.list2. push ($ scope.list1 [index]); $ scope.list1.splice (Index, 1); } – zeraroze