按角度点击复制div

Question

在使用Angular.js单击按钮时，我试图复制和粘贴div。这是我的代码：http://codepen.io/summerfreeze/pen/VjqJYW。我希望“添加订单行”按钮添加另一个.orderline div。我对角很陌生，我显然犯了一些错误，因为它不起作用。密码有什么问题吗？

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

Answer 1

我更新了你的密码笔。我做了：

将$scope.orderline从对象更改为字符串。它现在代表一条命令行。当用户从表单中输入值时，它使用：

$scope.orderline = {};

更改qty和total的绑定(现在在$scope.orderline上绑定)：

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

更改ng-重复(现在循环顺序行和项被命名为行)：

<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

Answer 2

我想知道我是否理解你的想法，把它们列在一个列表中，然后用你的数据进行切换。

[http://codepen.io/postor/pen/OXqVvp][1]