怎么样让angularjs能够在html中渲染出数据？

Question

<tr ng-show="item.reportData[ite_index].firstBlood";
                                            ng-repeat="iteer in item.reportData[ite_index].iteData track by $index" 
                                             ng-init="iteer.funcD=false;" ng-class="'tr_'+$index">
                                             </tr>

这段也能显示出来

<td >{{item.reportData[ite_index].iteData[iteer_index].iteerData}}</td>

这段代码可以正常显示

然而，

<tr ng-class="'tr_'+$index" ng-init="zong=[];zong=item.reportData[ite_index].iteData"
                                            ng-repeat="it3 in item.reportData[ite_index].iteData[iteer_index].iteerData track by $index"
                                             ng-init="it3.funcH=false">
                                             </tr>

渲染不处来！

Answer 1

遇到了一个坑：

1，循环的第一层可以用此方式传递值到下一层
2，循环进入第二层的时候，就需用js方式传递了
3，以上情况，是在

<form class="form-inline" method="post">
                    <div class="table-scroll">
                        <tree-viewer></tree-viewer>
                    </div>
                </form>
                <script type="text/ng-template" id="/treeView.html">
                    <div class="table-scroll" ng-repeat="item in list track by $index">
                        <table class="table table-bordered table-hover text-center table-outer">
                            <thead>
                                <tr ng-init="colfix='13'">
                                    <th class="text-center" colspan="{{colfix}}" ng-show="$index===0">总报表：{{item.startTime}}~{{item.endTime}}</th>
                                    <th class="text-center" colspan="{{colfix}}" ng-show="$index!==0">{{item.siteName}}：{{item.startTime}}~{{item.endTime}}</th>
                                </tr>
                                <tr>
                                    <th class="text-center">{{getWord('名称')}}</th>
                                    <th class="text-center">{{getWord('总笔数')}}</th>
                                    <th class="text-center">{{getWord('股东')}}</th>
                                    <th class="text-center">{{getWord('总代')}}</th>
                                    <th class="text-center">{{getWord('代理')}}</th>
                                    <th class="text-center">{{getWord('会员')}}</th>
                                </tr>
                            </thead>
                            <!-- 
                                循环一次，多加一个值
                             -->
                            <tbody>
                                <tr>
                                    <tbody ng-repeat="ite in item.reportData track by $index" ng-init="ite.firstBlood=false;">
                                        <!-- 第一层 -->
                                        <tr>
                                            <td>{{ite.siteName}}</td>
                                            <td>
                                                <!--  -->
                                                <a ng-show="($index!==item.reportData.length-1)" class="underline colorBlue" 
                                                    ng-click="$event.stopPropagation();
                                                    ite.firstBlood=!ite.firstBlood;
                                                    ite_index=$index;
                                                        nextPro(item,ite);
                                                        hasOne($event,$index,ite.firstBlood);">{{ite.num}}</a>
                                                <span ng-show="($index===item.reportData.length-1)">{{ite.num}}</span>
                                            </td>
                                            <!-- <td> 
                                                <div class="sub-item-header">
                                                    <span>股</span>
                                                    <span class="underline colorBlue" ng-click="item[bb]=!item[bb];hasOne($event,$index,item[bb])">{{'-'}}</span>
                                                </div>
                                            </td> -->
                                            <td>{{ite.betAll}}</td>
                                            <td>{{ite.betValid}}</td>
                                            <td>{{ite.payAll}}</td>
                                            <td>{{ite.jack}}</td>
                                            <td>{{ite.redBag}}</td>
                                            <td>{{ite.fee}}</td>
                                            <td ng-init="spancolor=ite.win>0?'colorGreen':'lineHights';procolor=ite.win<0?'colorGreen':'lineHights';" >
                                                <span class="{{spancolor}}">{{-ite.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-ite.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-ite.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-ite.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{procolor}}">{{ite.win}}</span>
                                            </td>
                                            <!-- <span ng-repeat=""></span> -->
                                            
                                        </tr>
                                        <!-- 第二层 -->
                                        <tr ng-show="item.reportData[ite_index].firstBlood";
                                            ng-repeat="iteer in item.reportData[ite_index].iteData track by $index" 
                                             ng-init="iteer.funcD=false" ng-class="'tr_'+$index">
                                            
                                            <td>
                                                <div class="sub-item-header">
                                                    <span>股</span>
                                                    <span>{{iteer.account}}</span>
                                                </div>
                                            </td>
                                            <!-- <td>
                                                <div class="sub-item-header">
                                                    <span style="color:#38cfbe!important;border-color:#38cfbe!important;">总</span>
                                                    <span>名称777</span>
                                                </div>
                                            </td> -->
                                            <td>
                                                <a ng-click="$event.stopPropagation();
                                                
                                                iteer.funcD=!iteer.funcD;
                                                    iteer_index = $index;
                                                    secPro(item,item.reportData[ite_index],iteer,iteer_index);
                                                    hasOne($event,$index,iteer.funcD)
                                                    " 
                                                    class="underline colorBlue">{{iteer.num}}</a>
                                            </td>
                                            
                                            <td>{{iteer.betAll}}</td>
                                            <td>{{iteer.betValid}}</td>
                                            <td>{{iteer.payAll}}</td>
                                            <td>{{iteer.jack}}</td>
                                            <td>{{iteer.redBag}}</td>
                                            <td>{{iteer.fee}}</td>
                                            <td ng-init="spancolor=iteer.win>0?'colorGreen':'lineHights';procolor=iteer.win<0?'colorGreen':'lineHights';" >
                                                <span class="{{spancolor}}">{{-iteer.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-iteer.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-iteer.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-iteer.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{procolor}}">{{iteer.win}}</span>
                                            </td>
                                        </tr>
                                        
                                        <!-- <tr class="tr_0 " ng-init="item.funcD=false">
                                            <td>{{'ite.siteName222'}}</td>
                                            <td>
                                                <a ng-click="item.funcD=!item.funcD;hasOne($event,$index,item.funcD)" class="underline colorBlue">{{'666777'}}</a>
                                            </td>
                                            <td>
                                                <div class="sub-item-header">
                                                    <span style="color:#38cfbe!important;border-color:#38cfbe!important;">总</span>
                                                    <span>名称777</span>
                                                </div>
                                            </td>
                                            <td>项目{{item.siteIndexId}}</td>
                                            <td>金额{{item.siteId}}</td>
                                            <td>项目{{func.route}}</td>
                                            <td>金额{{func.method}}</td>
                                            <td>项目{{func.route}}</td>
                                            <td>金额{{func.method}}</td>
                                            <td>项目{{func.route}}</td>
                                            <td>金额{{func.method}}</td>
                                            <span style="color: #4a90e2!important;border-color:#4a90e2!important;">代</span>
                                        </tr> -->
                                        
                                        <!-- 第三层 -->
                                        <!-- ng-class="'tr_'+$index" 
                                            ng-show="fshow[ite_index][iteer_index][$index].funcD"
                                        -->
                                
                                       <tr ng-class="'tr_'+$index" 
                                            ng-show="item.reportData[ite_index].iteData[iteer_indexPro].funcD"
                                            ng-repeat="it3 in item.reportData[ite_index].iteData[iteer_indexPro].iteerData track by $index"
                                             ng-init="it3.funcH=false">
                                            <td>
                                                <div class="sub-item-header">
                                                    <span style="color:#38cfbe!important;border-color:#38cfbe!important;">总</span>
                                                    <span>{{it3.account}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                <a ng-click="$event.stopPropagation();
                                                    it3.funcH=!it3.funcH;
                                                    it3_index = $index;
                                                    thiPro(item,item.reportData[ite_index],item.reportData[ite_index].iteData[iteer_indexPro],it3,$index);
                                                    hasOne($event,$index,it3.funcH)" 
                                                    class="underline colorBlue">{{it3.num}}</a>
                                            </td>
                                            
                                            <td>{{it3.betAll}}</td>
                                            <td>{{it3.betValid}}</td>
                                            <td>{{it3.payAll}}</td>
                                            <td>{{it3.jack}}</td>
                                            <td>{{it3.redBag}}</td>
                                            <td>{{it3.fee}}</td>
                                            <td ng-init="spancolor=it3.win>0?'colorGreen':'lineHights';procolor=it3.win<0?'colorGreen':'lineHights';" >
                                                <span class="{{spancolor}}">{{-it3.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it3.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it3.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it3.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{procolor}}">{{it3.win}}</span>
                                            </td>
                                        </tr>
                                        <tr ng-class="'tr_'+$index" 
                                            ng-show="item.reportData[ite_index].iteData[iteer_indexPro].iteerData[thi_index].funcH"
                                            ng-repeat="it4 in item.reportData[ite_index].iteData[iteer_indexPro].iteerData[thi_index].thiData track by $index"
                                             ng-init="it4.funcL=false">
                                            <td>
                                                <div class="sub-item-header">
                                                    <span style="color: #4a90e2!important;border-color:#4a90e2!important;">代</span>
                                                    <span>{{it4.account}}</span>
                                                </div>
                                            </td>
                                            <td>
                                                <a ng-click="$event.stopPropagation();
                                                    it4.funcL=!it4.funcL;
                                                    it4_index = $index;
                                                    fivPro(item,item.reportData[ite_index],item.reportData[ite_index].iteData[iteer_indexPro].iteerData[thi_index],it4,$index);
                                                    hasOne($event,$index,it4.funcL)" 
                                                    class="underline colorBlue">{{it4.num}}</a>
                                            </td>
                                            
                                            <td>{{it4.betAll}}</td>
                                            <td>{{it4.betValid}}</td>
                                            <td>{{it4.payAll}}</td>
                                            <td>{{it4.jack}}</td>
                                            <td>{{it4.redBag}}</td>
                                            <td>{{it4.fee}}</td>
                                            <td ng-init="spancolor=it4.win>0?'colorGreen':'lineHights';procolor=it4.win<0?'colorGreen':'lineHights';" >
                                                <span class="{{spancolor}}">{{-it4.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it4.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it4.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it4.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{procolor}}">{{it4.win}}</span>
                                            </td>
                                        </tr>

                                        <tr ng-show="item.reportData[ite_index].iteData[iteer_indexPro].iteerData[thi_index].thiData[fiv_index].funcL"
                                            ng-repeat="it5 in item.reportData[ite_index].iteData[iteer_indexPro].iteerData[thi_index].thiData[fiv_index].fivData"
                                            >
                                            <td>
                                                <div class="sub-item-header">
                                                    <span style="color:#9738e5!important;border-color:#9738e5!important;">会</span>
                                                     <span>{{it5.account}}</span>
                                                </div>
                                            </td>
                                            <td>{{it5.num}}</td>
                                            <td>{{it5.betAll}}</td>
                                            <td>{{it5.betValid}}</td>
                                            <td>{{it5.payAll}}</td>
                                            <td>{{it5.jack}}</td>
                                            <td>{{it5.redBag}}</td>
                                            <td>{{it5.fee}}</td>
                                            <td ng-init="spancolor=it5.win>0?'colorGreen':'lineHights';procolor=it5.win<0?'colorGreen':'lineHights';" >
                                                <span class="{{spancolor}}">{{-it5.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it5.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it5.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{spancolor}}">{{-it5.win}}</span>
                                            </td>
                                            <td>
                                                <span class="{{procolor}}">{{it5.win}}</span>
                                            </td>
                                            
                                        </tr>
                                        
                                    </tbody>
                                </tr>

                            </tbody>



                        </table>
                    </div>

Answer 2

两个ng-init？