Есть такой html:
<div ng-app="angularBasket">
<div ng-controller="BasketController">
<table class="listview" width="100%" >
<tr ng-repeat="productsale in productsales">
<td>
{{productsale.name}}
</td>
<td>
{{productsale.cost}}
</td>
<td>
<input ng-model="productsale.count" ng-change="calculate(productsale)">
</td>
<td>
<input ng-model="productsale.price" ng-change="calculate(productsale)">
</td>
<td>
<input ng-model="productsale.discount" ng-change="calculate(productsale)">
</td>
<td>
{{productsale.price_with_discount}}
</td>
<td>
{{productsale.amount}}
</td>
<td>
<a class="btn" ng-click="remove($index)">Delete</a>
</td>
</tr>
<tr>
<td colspan="5">
dsasdasdasa
</td>
<td>
{{summary.price_with_discount}}
</td>
<td>
{{summary.amount}}
</td>
</td>
</tr>
</table>
</div>
<div ng-controller="ProductController">
<table class="listview" width="100%" >
<tr ng-repeat="product in products">
<td>
<input ng-model="product.count" size="3">
<button ng-click="add(product)">Add</button>
</td>
<td>
{{product.name}}
</td>
</tr>
</table>
</div>
</div>
Хочу из одного списка добавить элемент в другой. Он конечно же перемещает, но при том новый перемещеный элемент привязывает к элементу из списка "источника". Вопрос к знатокам, как сделать так что бы привязка не производилась.
Добавляю так
angularBasket.controller('ProductController', [
'ProductSales',
'$scope',
function(ProductSales, $scope) {
$scope.products = [
{
count: 1,
name: 'Варежки'
},
{
count: 10,
name: 'Пасатижи',
}
];
$scope.add = function(product) {
ProductSales.add(product);
};
}
]);
this.add = function(productsale) {
productsales.push(productsale);
console.log(productsales, productsale);
};
ебать все поехало :D
Пухатус верстка сломатус.