Angularjs не загружается второй раз

Question

Я использую angularjs в своем приложении. У меня проблема с этим кодом, этот код генерирует данные в первый раз. Но когда я вернусь на эту страницу с другого места он дает только выражение, записанное в JSP странице

Ниже мой app.js

var app = angular.module("myModule",[]); 
app.controller(
     "ReportController", 
     function ($scope,$http) { 

      $http({ 
       method: 'POST', 
       url: 'mypage_body.do', 
       data: 'action=fetchdata', 
       headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
      }) 
      .success(function(response) { 
       $scope.questions = response; 
       }); 
      } 
    ); 

angular.element(document).ready(function(){ 
    angular.bootstrap(document,['myModule']); 
}); 

Это дает выражение, когда я перезагрузить страницу из другого места, как это

{{question.title}} 

{{cell.f}}{{cell.f}} 

{{row.h}} {{row.v}} {{row.v}} 

Я проанализировал эту страницу, не загружая снова. Средство document.ready не вызывает снова на этой странице. Может кто-нибудь может помочь, как вызвать снова модуль, написанный в app.js, без использования document.ready.

Любая помощь будет оценена по достоинству. Спасибо заранее.

Answer 1

<script type="text/javascript" src="/campustoolshighered/css/js/angular-1.2.26.min.js"></script> 
<script type="text/javascript" src="/campustoolshighered/css/js/adhocreport/app.js"></script> 
<script type="text/javascript" src="/campustoolshighered/css/uiframework/js/bootstrap.js"></script> 

<div ng-controller="ReportController"> 
          <div class="row" ng-repeat="question in questions"> 
             <div class="col-md-12"> 
              <div class="module"> 
               <div class="heading"> 
                <h2>{{question.title}}</h2> 
                <div class="module-options"> 
                 <span tabindex="3" class="icon-settings pop" title="Edit" data-toggle="tooltip" data-popoverid="#icon-setting"><span class="sr-only">Widget settings</span></span> 
                </div> 
               </div> 
               <div class="module-content" > 
                <div class="row"> 
                 <div class="col-md-12"> 
                  <div class="table-wrap"> 
                   <table class="table table-striped"> 
                    <thead> 
                     <tr> 
                      <th scope="col" role="columnheader" ng-repeat="header in question.dataTable.cols" >{{header.label}}</th>                    
                     </tr> 
                    </thead> 
                    <tbody> 
                     <tr ng-repeat="row in question.dataTable.rows"> 
                      <td ng-repeat="cell in row.cells"><a ng-if="cell.link" href="{{cell.link}}" tabindex="3">{{cell.f}}</a><span ng-if="!cell.link">{{cell.f}}</span></td> 

                     </tr>                   
                    </tbody> 
                   </table> 
                  </div> 
                  <ul ng-show="question.aggregateTable"> 
                   <li ng-repeat="row in question.aggregateTable.rows"> 
                   <strong>{{row.h}} </strong> 
                   <a ng-if="row.link" href="{{row.link}}" tabindex="3">{{row.v}}</a> 
                   <span ng-if="!row.link">{{row.v}}</span> 
                   </li>                 
                  </ul> 
                 </div> 
                </div> 
               </div> 
              </div> 
             </div> 
            </div> 
          </div> 

И если я не загружаю свой код вручную на странице document.ready, то не загружается угловой js даже в первый раз.