Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 AngularJS将数据分成块_Javascript_Angularjs - Fatal编程技术网

Javascript AngularJS将数据分成块

Javascript AngularJS将数据分成块,javascript,angularjs,Javascript,Angularjs,我正在尝试创建一个表,其中的数据按每行4个数据组显示。我尝试使用angular.filter,但它什么也不显示。我还尝试创建一个自定义函数来将数据分解成块 function chunk(arr, size) { var newArr = []; for (var i=0; i<arr.length; i+=size) { newArr.push(arr.slice(i, i+size)); } return newArr; } 功能块(arr,大小){ var n

我正在尝试创建一个表,其中的数据按每行4个数据组显示。我尝试使用angular.filter,但它什么也不显示。我还尝试创建一个自定义函数来将数据分解成块

function chunk(arr, size) {
  var newArr = [];
  for (var i=0; i<arr.length; i+=size) {
    newArr.push(arr.slice(i, i+size));
  }
  return newArr;
}
功能块(arr,大小){
var newArr=[];

对于(var i=0;我必须通过编写{fruits | json}来检查您的结果在表之前。这将把水果的数据打印为json。这样你就会知道你是否正在使用一个数组。如果你使用Chrome,你也可以用Extensions检查你的
$scope
。我发现了我的错误。返回的数组是嵌套的,我只是循环了外部数组。不是内部数组。谢谢大家!很高兴你们你自己动手吧
    <table>
        <tr ng-repeat="fruit in fruits">
            <td>
                <img ng-src="{{ fruit.img_url }}" lazy-src><br>
                <b>{{ fruit.name }}</b><br>
                <span style="color:green">{{ fruit.price_min }} </span> - <span style="color: red">{{ fruit.price_max }}</span>
            </td>
        </tr>
    </table>