javascript - 将数组列表复制到另一个数组列表

Question

我想复制下面的数组列表

$scope.medicinelist = [

{medicine: 'AMLOPRES 5MG TABLET'},
{medicine: 'ARGIPREG SACHET'},
{medicine: 'ALCIPRO 500MG TABLET'} ,
{medicine: 'PROLOMET AM 50MG TABLET'},
{medicine: 'PROLOMET AM 5MG TABLET'},
{medicine: 'AB PHYLLINE 200MG TABLET SR'} ,
{medicine: 'ACIVIR 800MG TABLET DT'},

{medicine: 'CEPODEM AZ TABLET'},
{medicine: 'ECOSPRIN AV 10MG CAPSULE'},
{medicine: 'ECOSPRIN AV 150MG CAPSULE'} ,
{medicine: 'ATORLIP 40MG TABLET'},
{medicine: 'AMTAS 5MG TABLET'},
{medicine: 'ARKAMIN 100MG TABLET'} ,
{medicine: 'AMPOXIN 500MG INJECTION'} ];

到下面的数组列表

 $rootScope.medicinedrop = [
    // {
    //   medicine: 'you try to drop me somewhere'
    // }

    ];

我还使用 $scope.maedicinedrop 从另一个列表进行拖放操作，在应对之后我失去了无法在复制后将项目从另一个列表拖放到其中的功能。

按下按钮

$scope.copy = function(){
    console.log($scope.pastprescription)
    $scope.medicinedrop.unshift($scope.pastprescriptions.medicine);

     }

但是在按下 putton 之后它只显示空白，在控制台中数据被复制但没有显示。

对于拖放，我使用 dragular 作为:

dragularService([containerLeft_Medicine], {
      containersModel: [$scope.allmedicines],
      copy: true,
      //move only from left to right  
      accepts: accepts
    });

    dragularService([containerRight_Medicine], {
      containersModel: [$scope.medicinedrop],
      removeOnSpill: true,
      //move only from left to right  
      accepts: accepts
    });

ejs 文件如下:

<input class="form-control" type="text" ng-repeat="medicine_name in medicinedrop"
          value="{{medicine_name.medicine}}" /> 

Answer 1

$Scope.medicinedrop = angular.copy($scope.medicinelist);