鍍金池/ 問答/HTML5  HTML/ 怎么樣讓angularjs能夠在html中渲染出數(shù)據(jù)?

怎么樣讓angularjs能夠在html中渲染出數(shù)據(jù)?

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

渲染不處來!

回答
編輯回答
任她鬧

兩個(gè)ng-init?

2017年7月1日 19:24
編輯回答
神經(jīng)質(zhì)

遇到了一個(gè)坑:

clipboard.png
1,循環(huán)的第一層可以用此方式傳遞值到下一層
2,循環(huán)進(jìn)入第二層的時(shí)候,就需用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">總報(bào)表:{{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('總筆數(shù)')}}</th>
                                    <th class="text-center">{{getWord('股東')}}</th>
                                    <th class="text-center">{{getWord('總代')}}</th>
                                    <th class="text-center">{{getWord('代理')}}</th>
                                    <th class="text-center">{{getWord('會(huì)員')}}</th>
                                </tr>
                            </thead>
                            <!-- 
                                循環(huán)一次,多加一個(gè)值
                             -->
                            <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>項(xiàng)目{{item.siteIndexId}}</td>
                                            <td>金額{{item.siteId}}</td>
                                            <td>項(xiàng)目{{func.route}}</td>
                                            <td>金額{{func.method}}</td>
                                            <td>項(xiàng)目{{func.route}}</td>
                                            <td>金額{{func.method}}</td>
                                            <td>項(xiàng)目{{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;">會(huì)</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>
2017年1月27日 22:08