Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng重复表中的Angularjs复选框_Javascript_Angularjs_List_Checkbox_Controller - Fatal编程技术网

Javascript ng重复表中的Angularjs复选框

Javascript ng重复表中的Angularjs复选框,javascript,angularjs,list,checkbox,controller,Javascript,Angularjs,List,Checkbox,Controller,我使用angularjs通过复选框显示json记录中的表,我有两个问题: 首先:默认情况下,我需要所有复选框都为true。使用ng init进行测试,但不起作用。或者只需一个按钮来切换所有复选框的真假 Second取消选中文件时,对象将显示引号[“”、“”、“”],但如果未选中,我需要显示任何内容 看法 校验码 对不起,英语不是我的母语。谢谢 稍微修改了您的代码,而不是将对象分配给新数组,而是向现有的listado数组添加了一个新属性isSelected,并绑定到复选框,默认情况下将其初始化为

我使用angularjs通过复选框显示json记录中的表,我有两个问题:

首先:默认情况下,我需要所有复选框都为true。使用ng init进行测试,但不起作用。或者只需一个按钮来切换所有复选框的真假

Second取消选中文件时,对象将显示引号[“”、“”、“”],但如果未选中,我需要显示任何内容

看法

校验码


对不起,英语不是我的母语。谢谢

稍微修改了您的代码,而不是将对象分配给新数组,而是向现有的
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>