我有角度问题,这是我的代码
HTML
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Insertar presupuesto</h3>
</div>
<div class="panel-body">
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#seleccionarp">Buscar producto</button>
<!-- Modal -->
<div id="seleccionarp" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Seleccione su producto</h4>
</div>
<div class="modal-body">
<label for="Buscar cliente ">Buscar producto:</label>
<input class="form-control" id="buscarproducto" ng-model="busqueda[queryBy]" value="" placeholder="Buscar" />
<div>
<table class="table table-hover">
<tr>
<th>Descripcion</th>
<th>Color</th>
<th>Talle</th>
<th>Stock</th>
<th>Precio</th>
</tr>
<tbody ng-repeat="emp in posts | filter:busqueda">
<tr ng-click="comprar(emp)" data-dismiss="modal">
<td>{{emp.nombre_producto}}</td>
<td>{{emp.color}}</td>
<td>{{emp.talle}}</td>
<td>{{emp.stock}}</td>
<td>{{emp.precio | currency}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<table class="table table-hover">
<thead>
<tr>
<th>Nombre del producto</th>
<th>Cantidad</th>
<th>Precio</th>
<th>Total</th>
<th></th>
</tr>
</thead>
<tbody ng-repeat="p in carrito track by $index">
<input type="hidden" name="id_producto[]" value="{{p.id_producto}}" ng-model="p.id_producto" class="form-control">
<input type="hidden" name="color[]" value="{{p.color}}" ng-model="p.color" class="form-control">
<input type="hidden" name="talle[]" value="{{p.talle}}" ng-model="p.talle" class="form-control">
<tr>
<td>
<input type="text" name="nombre_producto[]" ng-model="p.nombre_producto" class="form-control">
</td>
<td>
<input type="number" name="stock[]" ng-model="p.stock" value="1" onClick="this.select();" class="form-control">
</td>
<td>
<input type="text" name="precio[]" ng-model="p.precio" onClick="this.select();" class="form-control" value="">
</td>
<td>{{p.stock * p.precio | currency}}</td>
<td>
<button type="button" class="btn btn-danger" ng-click="remove($index)">Eliminar</button>
</td>
</tr>
</tbody>
</table>
<h2>Total:${{total()}}</h2>
<input type="hidden" name="total_remito" value="{{total()}}">
<button type="submit" name="button">guardar</button>
</div>
</div>
</div>
AngularJS
app.controller("ctrlremitos", function($scope, $http) {
$scope.posts = [];
$scope.carrito = [];
$scope.clienteasignado = [];
$scope.clientes = [];
$scope.busqueda = {}
$scope.busquedaclientes = {}
$scope.queryBy = '$'
$scope.newPost = {};
$http.get(base_url + "venta/get_productos").success(function(data, timeout) {
$scope.posts = data;
}).error(function(err) {})
$http.get(base_url + "venta/get_clientes").success(function(data) {
$scope.clientes = data;
}).error(function(err) {})
$scope.comprar = function(_item, index) {
$scope.carrito.push(_item)
}
$scope.asignarcliente = function(_item) {
$scope.clienteasignado.push(_item)
}
$scope.remove = function(index) {
$scope.carrito.splice(index, 1);
},
$scope.total = function() {
var total = 0;
angular.forEach($scope.carrito, function(p) {
total += p.stock * p.precio;
})
return total;
}
});
问题在于,当我选择产品时,推送但价值始终是股票的价值,我想要的是,当你这样做时,你总是将股票价值改为1.另外我注意到了就是当改变字段“stock”中的值时,在搜索产品的数组中也发生了变化,我不知道该怎么做:(我一直试图使这项工作正常工作很多天,我希望他们会点亮道路。
问候
答案 0 :(得分:2)
&#34; $ scope.total&#34;是一个函数,而不是范围变量。 因此,除非您进行显式调用,否则双向绑定在此方案中不起作用。 为了使它工作: 对控制器和HTML执行以下更改。 控制器更改:
$scope.total = 0;
$scope.comprar = function(_item, index) {
$scope.carrito.push(_item);
$scope.calculateTotal(); //Make an explicit call to calculation method
}
$scope.calculateTotal = function()
{
angular.forEach($scope.carrito, function(p) {
$scope.total += p.stock * p.precio;
})
};
HTML更改:
<h2>Total:${{total}}</h2>
<input type="hidden" name="total_remito" value="{{total}}">
希望这有帮助
答案 1 :(得分:2)
我可以看到你的Html页面中没有英文,但无论如何,如果我理解你的错误,那么你正试图推送一些实际上不在你的DOM
$scope.asignarcliente = function(_item) {
$scope.clienteasignado.push(_item)
}
什么是$scope.clienteasignado
??? ;您正在显示的实际列表名为$scope.posts
,如果产品出错,产品会更正我,如果这是要推送的产品列表,您需要以这种方式改正
$scope.asignarcliente = function() {
$scope.posts.push(emp);
}
ps这个函数也没有在DOM
刚刚定义按钮
<button type="submit" ng-click="asignarcliente()" class="btn btn-default" data-dismiss="modal">Cerrar</button>
我希望我操纵了正确的项目,我希望它适合你
答案 2 :(得分:1)
我明白了。我的问题是两个绑定。请注意,如果在给定变量中使用此表达式“::”,则只执行a-bind,然后在“stock”字段中使用值为1的ng-init。