Javascript ng重复表中的Angularjs复选框
我使用angularjs通过复选框显示json记录中的表,我有两个问题: 首先:默认情况下,我需要所有复选框都为true。使用ng init进行测试,但不起作用。或者只需一个按钮来切换所有复选框的真假 Second取消选中文件时,对象将显示引号[“”、“”、“”],但如果未选中,我需要显示任何内容 看法 校验码Javascript ng重复表中的Angularjs复选框,javascript,angularjs,list,checkbox,controller,Javascript,Angularjs,List,Checkbox,Controller,我使用angularjs通过复选框显示json记录中的表,我有两个问题: 首先:默认情况下,我需要所有复选框都为true。使用ng init进行测试,但不起作用。或者只需一个按钮来切换所有复选框的真假 Second取消选中文件时,对象将显示引号[“”、“”、“”],但如果未选中,我需要显示任何内容 看法 校验码 对不起,英语不是我的母语。谢谢 稍微修改了您的代码,而不是将对象分配给新数组,而是向现有的listado数组添加了一个新属性isSelected,并绑定到复选框,默认情况下将其初始化为
对不起,英语不是我的母语。谢谢 稍微修改了您的代码,而不是将对象分配给新数组,而是向现有的
listado
数组添加了一个新属性isSelected
,并绑定到复选框,默认情况下将其初始化为true
<tr ng-repeat="(key, value) in listado" ng-init="value.isSelected = true;">
<td><input type="checkbox" ng-model="value.isSelected"></td>
<td>{{ value.modelo }}</td>
<td>{{ value.detalle }}</td>
<td>{{ value.precio_in | currency:'$':0 }}</td>
</tr>
{{value.modelo}}
{{value.detalle}}
{{value.precio_,货币:'$':0}
打印listado
以验证复选框更改
Plunker您正在将整个对象分配给
ng model
。这就是你想要的吗?如果您分配ng true value=“{{value.id\u stock}}”
,这不是很干净吗?是的,我需要所有对象,不仅仅是idNice,现在复选框将值更改为true或false(这对我来说很有用),但在我的第一个代码中,我可以使用ng model添加或删除整个对象。。。。我可以处理吗?是的,ng true value/ng false value接受字符串值而不是对象,因此需要在单击/更改时处理它,如ng change=“ids[$index]=(value.isSelected&&value)| | undefined”
var myApp = angular.module('myApp', [])
.controller('TestController', ['$scope', function ($scope) {
$scope.listado = [];
$scope.ids = [];
$scope.listado = [ { "id_stock": "4", "oc_id": "4", "detalle": "Revisión de suspención", "cat_id": "16", "codigo": "m20.1", "marca": "", "parte": "", "precio_in": "5000", "id_prov": "1", "cantidad": "1", "id_bodega": "1", "nom_prov": "Proveedor de prueba 1", "modelo": "MECANIZADOS Y OTROS", "nombre": "Bodega Conchalí", "status": "EN BODEGA", "id_cat": "16" }, { "id_stock": "5", "oc_id": "4", "detalle": "Revisión de frenos", "cat_id": "16", "codigo": "m2.2", "marca": "", "parte": "", "precio_in": "4500", "id_prov": "1", "cantidad": "1", "id_bodega": "1", "nom_prov": "Proveedor de prueba 1", "modelo": "MECANIZADOS Y OTROS", "nombre": "Bodega Conchalí", "status": "EN BODEGA", "id_cat": "16" }, { "id_stock": "6", "oc_id": "4", "detalle": "Revisión de ruedas", "cat_id": "16", "codigo": "m20.3", "marca": "", "parte": "", "precio_in": "4500", "id_prov": "1", "cantidad": "1", "id_bodega": "1", "nom_prov": "Proveedor de prueba 1", "modelo": "MECANIZADOS Y OTROS", "nombre": "Bodega Conchalí", "status": "EN BODEGA", "id_cat": "16" }]; }]);
<tr ng-repeat="(key, value) in listado" ng-init="value.isSelected = true;">
<td><input type="checkbox" ng-model="value.isSelected"></td>
<td>{{ value.modelo }}</td>
<td>{{ value.detalle }}</td>
<td>{{ value.precio_in | currency:'$':0 }}</td>
</tr>