显示 angularjs 表达式而不是 Json 数据

Question

我正在使用 angularjs、cordova、bootstrap 和 json 开发一个混合移动应用程序。

我面临的问题是在第一次启动应用程序时在搜索结果中显示 Json 数据而不是显示 angularjs 表达式几秒钟，然后将表达式替换为实际的 Json 值。

有人可以提供解决方案吗？

<table class="responsive table table-bordered table-hover" style="z-index:1">
                    <thead>
                       <tr >
                         <th> </th>
                          <th>Zip</th>
                          <th>City</th>
                          <th>County</th>
                       </tr>
                    </thead>

                    <tbody ng-cloak>

                       <tr ng-repeat-start="r in myData">
                           <td style="text-align:center;">
                                <span ng-if="r.expanded" ng-click="r.expanded = false" style="z-index:1"><span class="glyphicon glyphicon-minus"></span></span>
                                <span ng-if="!r.expanded" ng-click="r.expanded = true"><span class="glyphicon glyphicon-plus"></span></span>
                           </td>
                          <td>
                              {{r.zipCode}}

                          </td>
                          <td>
                               {{r.cityNameFull}}  
                          </td>
                          <td>
                                {{r.countyName}}
                          </td>

                       </tr>
                       <tr ng-if="r.expanded"  ng-repeat-end=" ">
                           <th></th>

                                   <td colspan="3" >
                                        <table class="table responsive table-bordered table-hover">

                                            <tr>

                                        <thead>
                                         <th>Jurisdiction</th> 
                                        <th>SalesTax</th>
                                         <th>UseTax</th>

                                        </thead>
                                    </tr> 
                                          <tr ng-if="r.stateSalesTax > 0 || r.stateUseTax > 0">

                                              <td>State</td>

                                              <td class="two-digits">{{r.stateSalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.stateUseTax*100 | number:2}}%</td>

                                          </tr> 
                                          <tr ng-if="r.citySalesTax > 0 || r.cityUseTax > 0">
                                              <td>City</td>
                                              <td class="two-digits">{{r.citySalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.cityUseTax*100 | number:2}}%</td>

                                          </tr>
                                          <tr ng-if="r.countySalesTax > 0 || r.countyUseTax > 0">
                                              <td>County</td>
                                               <td class="two-digits">{{r.countySalesTax*100 | number:2}}%</td>
                                               <td class="two-digits">{{r.countyUseTax*100 | number:2}}%</td>
                                          </tr>
                                          <tr ng-if="r.mtaSalesTax > 0 || r.mtaUseTax > 0">
                                              <td>{{r.mtaName}}</td>
                                              <td class="two-digits">{{r.mtaSalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.mtaUseTax*100 | number:2}}%</td>
                                          </tr> 
                                          <tr ng-if="r.spdSalesTax > 0 || r.spdUseTax > 0">
                                              <td>{{r.spdName}}</td>
                                              <td class="two-digits">{{r.spdSalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.spdUseTax*100 | number:2}}%</td>

                                          </tr>  
                                          <tr ng-if="r.other1SalesTax > 0 || r.other1UseTax > 0">
                                              <td>{{r.other1Name}}</td>
                                              <td class="two-digits">{{r.other1SalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.other1UseTax*100 | number:2}}%</td>

                                          </tr> 
                                          <tr ng-if="r.other2SalesTax > 0 || r.other2UseTax > 0">
                                              <td>{{r.other2Name}}</td>
                                              <td class="two-digits">{{r.other2SalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.other2UseTax*100 | number:2}}%</td>

                                          </tr>  
                                          <tr ng-if="r.other3SalesTax > 0 || r.other3UseTax > 0">
                                              <td>{{r.other3Name}}</td>
                                              <td class="two-digits">{{r.other3SalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.other3UseTax*100 | number:2}}%</td>

                                          </tr>    
                                          <tr ng-if="r.other4SalesTax > 0 || r.other4UseTax > 0">
                                              <td>{{r.other4Name}}</td>
                                              <td class="two-digits">{{r.other4SalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.other4UseTax*100 | number:2}}%</td>

                                          </tr> 
                                          <tr class="total" ng-if="r.totalSalesTax >= 0 || r.totalUseTax >= 0">
                                              <td>Total</td>
                                              <td class="two-digits">{{r.totalSalesTax*100 | number:2}}%</td>
                                              <td class="two-digits">{{r.totalUseTax*100 | number:2}}%</td>

                                          </tr>  
                                        </table>

                                   </td>



                       </tr>
                    </tbody>

                 </table>

Answer 1

使用ng-cloak 并参考this 链接以了解其用法。