How to make angularjs render data in html?

<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>

this paragraph can also be displayed

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

this code can be displayed normally

however,

<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>

rendering is nowhere to come!

May.22,2021

two ng-init?


encountered a pit:

clipboard.png
1, the first layer of the loop can pass the value to the next layer
2. When the loop enters the second layer, it needs to pass
3 in js mode. In the above case, it is

.
<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:-sharp38cfbe!important;border-color:-sharp38cfbe!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:-sharp38cfbe!important;border-color:-sharp38cfbe!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: -sharp4a90e2!important;border-color:-sharp4a90e2!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:-sharp38cfbe!important;border-color:-sharp38cfbe!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: -sharp4a90e2!important;border-color:-sharp4a90e2!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:-sharp9738e5!important;border-color:-sharp9738e5!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>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b34f88-2b7ab.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b34f88-2b7ab.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?