ページのリダイレクトはjavascriptの前のページのデータを持っています

Question

私はフロントエンドプロジェクトのHTML javascriptとangular js.Inを持っているので、ハッシュ変更時にdivタグに1つ置きのインデックスページがあります。

<div ng-app="mainApp"> 
     <ng-view></ng-view> 
    </div> 

しかし、問題は、前のページにロードされたデータは、新しいページにリダイレクトするか、戻るボタンを押した後、現在のページのままであり、私が古いページが削除されるだけにして、現在のページをリロードclearing.Whenされていない、ありますそれぞれのページデータをロードする。 index.htmlの中で私はいくつかのそれぞれのページ、その削除テーブルから読み込まれ、この削除するテーブルをしようとしたときにページ変更

window.onhashchange = function() { 

      if (document.getElementById("table") != null) { 
       var tbl = document.getElementById("table"); 
       tbl.parentNode.removeChild(tbl); 
      } 
     } 

しかし、私はページのコンテンツをrewspectively読み込むことができますどのように削除されていない、前のページからHTML要素を残りの以前のページデータなしで。リダイレクトにwindow.location = "＃newpage"を使用しています。

Answer 1

効果的なハッシュ管理のために、角度ルータまたは角度UIルータを使用してください。これを使用して、各ルート（ハッシュ）に対してHTMLテンプレートと対応するビジネスロジックを設定できます。このようなものになります

var app = angular.module("myApp", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "main.htm", 
     controller : "mainCtrl" 
    }) 
    .when("/red", { 
     templateUrl : "red.htm", 
     controller : "redCtrl" 
    }) 
    .when("/green", { 
     templateUrl : "green.htm", 
     controller : "greenCtrl" 
    }) 
    .when("/blue", { 
     templateUrl : "blue.htm", 
     controller : "blueCtrl" 
    }); 
}); 

各コントローラでは、対応するテンプレートにロードするデータを設定できます。詳細については

これらのリンク

• https://github.com/angular-ui/ui-router/wiki
• https://www.tutorialspoint.com/angularjs/angularjs_views.htm