Angularjs 将空数据推送到angular js中的嵌套数组中

我是个新手，希望能得到任何帮助。我正在创建一个具有以下结构的简单报告系统

一个报表可以有多个子报表

子报表可以有许多任务

这是我的代码结构

var Report = {
        "ReportId":1,
        "ReportDate":"02/05/2015",
        "SubReport":[
            {
                "SubId": 1,
                "ProjectName": "An ice sculpture",
                "ProjectDeliverable":"My Deliverable1",
                "ProjectTarget":"My Target1",
                "Task":[
                 {
                     "TaskPerformed": "Task Performed 1 of 1",
                     "TimeSpent": 3,
                     "ResultAchieved": "Result 1 of 1" ,            
                     "PlannedActivity": "Planned Activity 1 of 1"   
                 }]
            }]
    };




 <table class="table table-bordered table-condensed">


                                    <tbody ng-repeat="subrep in Report.SubReport">
                                        <tr>
                                            <td>
                                                <table class="table table-bordered table-condensed">
                                                    <thead ng-show="$index==0">
                                                        <tr>
                                                            <th >ACTION</th>

                                                            <th>Project Name</th>
                                                            <th>Project Deliverable</th>
                                                            <th>Target</th>
                                                            <th>Task Performed</th>

                                                            <th>Time Spent(Hrs)</th>
                                                            <th>Result Achieved</th>
                                                            <th>Planned Activity</th>
                                                            <th >ACTION</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        <tr ng-show="$index==0" ng-repeat="tsk in subrep.Task">
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a class="btn btn-info" href="" ng-click="addNew()" ng-

show="$parent.$index==0" title="New SubReport" >
                                                                        <i class="fa fa-plus"></i>
                                                                    </a>

                                                                    <a class="btn btn-green" href=""  title="Edit SubReport" data-

toggle="modal" data-target="#">
                                                                        <i class="fa fa-pencil-square-o"></i>
                                                                    </a>


                                                                    <a class="btn btn-danger" title="Delete SubReport" href="">
                                                                        <i class="fa fa-trash-o"></i>
                                                                    </a></div>
</td>
                                                            <td>{{subrep.ProjectName}}</td>
                                                            <td>{{subrep.ProjectDeliverable}}</td>
                                                            <td>{{subrep.ProjectTarget}}</td>



                                                            <td>{{tsk.TaskPerformed}}</td>
                                                            <td>{{tsk.TimeSpent}}</td>
                                                            <td>{{tsk.ResultAchieved}}</td>
                                                            <td>{{tsk.PlannedActivity}}</td>
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a class="btn btn-info" href="" data-toggle="modal" title="New 

Task" data-target="#NewTask">
                                                                        <i class="fa fa-plus"></i>
                                                                    </a>
                                                                       <a class="btn btn-green" href="tsk={{$index}}/sub={{$parent.

$index}}" title="Edit Task" data-toggle="modal" data-target="#defaultmodal">
                                                                        <i class="fa fa-pencil-square-o"></i>
                                                                    </a>

                                                                    <a class="btn btn-danger" title="Delete Task" href="">
                                                                        <i class="fa fa-trash-o"></i>
                                                                    </a>


                                                                    </div>
</td>
                                                        </tr>
                                                        <tr ng-show="$index>0" ng-repeat="tsk in subrep.Task">


                                                            <td colspan="4"></td>



                                                            <td>{{tsk.TaskPerformed}}</td>
                                                            <td>{{tsk.TimeSpent}}</td>
                                                            <td>{{tsk.ResultAchieved}}</td>
                                                            <td>{{tsk.PlannedActivity}}</td>
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a class="btn btn-green" href="tsk={{$index}}/sub={{$parent.

$index}}" title="Edit Task" data-toggle="modal" data-target="#defaultmodal">
                                                                        <i class="fa fa-pencil-square-o"></i>
                                                                    </a>

                                                                    <a class="btn btn-danger" title="Delete Task" href="">
                                                                        <i class="fa fa-trash-o"></i>
                                                                    </a>
                                                                    </div>
</td>

                                                            <td>

                                                            </td>
                                                        </tr>


                                                    </tbody>
                                                </table>
                                            </td>

                                        </tr>

                                    </tbody>
                                </table>

我有两个挑战

当我从txt文件中获取数据时，我无法用一个标题显示我的表格，如下所示：

子ID | ProjName | TaskId | TaskName

美国广播公司。1.任务1-1 .......... 2.任务1-2 .......... 3.任务1-3

项目2。1.任务2-1 ......... 2.任务2-2

这里我使用了嵌套的ng repeat，但如果$parent.$index=0，我似乎会使用ng show子报表信息的第一行来迭代任务，但它会不断为子报表创建一个新表

如何在没有任务的情况下向报表添加/推送子报表

我将感谢任何帮助。我在用我的手机，否则我会发一些代码

请注意，我是如何在任务上使用ng repeat的，以便仅显示任务索引为0的子报告。我只想在第一个任务中显示子报表信息。我正在使用一个模式来保存子报表，但问题是没有显示子报表，因为在保存子报表时，它没有任务-它没有显示

---

我想知道在向子报表添加任务之前，首先保存子报表的最佳方法，以及如何使信息正确显示在表上

先生，请输入一些代码：）@sudhansu我已更新了信息以包含代码guess无人愿意帮助。。。经过大量编辑后，我能够通过以下方法实现表格对齐[link]plnkr.co/edit/b3S6HuijA6TrxgUGSJv7？p=preview–迭戈维埃拉。。。但是在将数据保存到子报表中时仍然存在问题

fac.AddSubReport = function (data) {
    Report.SubReport.push(data);       
      return Report;
}
return fac;

enter code here