当前位置:  开发笔记 > 编程语言 > 正文

如何在特定标签内使用两个ng-repeat

如何解决《如何在特定标签内使用两个ng-repeat》经验,为你挑选了0个好方法。

我有一个json,在这个json里面有一个我要迭代的数组.我的功能就像我必须根据用户输入创建一个表.用户提供行数,输入列和输出列的输入.所以我有三个数组,即$ rootScope.input_columns,$ rootScope.output_columns和$ rootScope.rows,它们包含用户提供的用于创建表的数据.现在在input_columns中有一个数组,其中包含我需要在行单元格上显示的一些信息.但是使用我目前的代码,它给了我空白行.

控制器:

var app = angular.module('rulesApp');

app.controller('myController2', ['$scope', '$rootScope',function($scope, $rootScope){
var inputcol=[];
            $rootScope.input_col=$scope.no_of_input;
            $rootScope.output_col=$scope.no_of_output;
            $rootScope.rows=$scope.no_of_row;
            for(var i=0;i<$rootScope.input_col;i++){
                inputcol.push({
                    id: inputcol.length,
                    dropped: false,
                    dataType:'',
                    name:'',
                    type:'input',
                    path:'',
                    rowCellValue:[],
                    rowCellValueOutput:[]
                });
            }$rootScope.input_columns=inputcol;//here i get input_columns json, Similarly json are made for output_columns and rows
            $scope.statementSelected = function(branch, selected_branches) {
        if(branch.selected) {
            for(var i = 0; i < $rootScope.input_columns.length; i++) {  
//Here i add an array inside input_columns.rowCellValue     $rootScope.input_columns[i].rowCellValue.push($rootScope.rows[i].rowCellValue);
                    }
})

添加input_columns的结构

在此输入图像描述

这是我的HTML代码:


    
        
        
        {{(col == "") && "<enter data>" || (col.split("/")[3])}}
        
        {{(col == "") && "<enter data>" || (col.split("/")[3])}}              
    

我想得到这样的结构 在此输入图像描述

但我得到空行 在此输入图像描述

请任何人帮助我完成这项任务.是否有一个问题,我没有迭代input_columns所以我没有得到input_columns.rowCellValue值.如何在表列中获取input_columns.rowCellValue的值?无论如何,我可以使用两个ng重复,第一次ng-repeat我可以获得input_column值[col_input_column]和第二次ng-repeat我可以获得rowCellValue [col.rowCellValue中的单元格].

我正在尝试一些解决方案,并想出了一种访问rowCellValue的方法:

这是修改后的html代码


        
            
            

            {{(col.rowCellValue[$index] == "") && "<enter data>" || (col.rowCellValue[$index].split("/")[3])}}
            
            {{(col.rowCellValueOuput[$index] == "") && "<enter data>" || (col.rowCellValueOutput[$index].split("/")[3])}}    

        
    

这是我想要input_column的实际表: 在此输入图像描述

但是我得到了这个: 在此输入图像描述

我可以用行长而不是$ index迭代col.rowCellValueOutput [$ index]吗?并为每一列.如果是,请为此提出一些建议.

推荐阅读
落单鸟人
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有