javascript - 在 Angular 中单击时复制 div

Question

我尝试在使用 Angular.js 单击按钮时复制并粘贴 div。这是我的代码笔:http://codepen.io/summerfreeze/pen/VjqJYW 。我想要“添加订单行”按钮来添加另一个 .orderline div。我是 Angular 的新手，显然我犯了一些错误，因为它不起作用。代码有什么问题？

$scope.orderlines=[]  
$scope.orderline = '';
$scope.addline = function(){
    $scope.items.push($scope.orderline); 
};

Answer 1

我更新了你的代码笔。我所做的:

将 $scope.orderline 更改为对象中的字符串。它现在代表订单行。当用户从表单中输入值时使用它:

$scope.orderline = {};

更改数量和总计的绑定(bind)(现在绑定(bind)在 $scope.orderline 上):

<input ng-model="orderline.quantity" placeholder="Quantity">
<div flex >{{orderline.quantity * selectedItem.price}}</div>

更改 ng-repeat (现在在订单行上循环，并且项目被命名为行):

<div ng-repeat='line in orderlines'>
         {{line}}
     </div>

最后，更新 addLine 以复制 orderLines 中的订单行:

$scope.addline = function(){
    $scope.orderline.name = $scope.selectedItem;
    $scope.orderlines.push(angular.copy($scope.orderline)); 
};

这里是更新后的插件 http://codepen.io/anon/pen/NAJqZy