簡體   English   中英

AngularJS $ routeProvider不顯示視圖

[英]AngularJS $routeProvider not displaying view

基本上,當我在瀏覽器中導航到http://localhost:9000時,我在index.html頁面上收到了內容,但是ng-view仍然完全為空,盡管'/'指向了我的控制器/視圖。

在第一次航行,角度添加/#/給我的網址,和$location.path()讀取一個空字符串。 單擊任何鏈接后,例如“關於”頁面的Angular將/#/about添加到我的網址中,並且該頁面正常加載。 但是,如果由於某種原因重新加載了頁面(我點擊了重新加載或實時重新加載更新),則/#/about仍保留在url中,但是ng-view是一個空元素。

配置:

.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/main.html',
      controller: 'MainCtrl'
    })
    .when('/about', {
      templateUrl: 'views/about.html',
      controller: 'AboutCtrl'
    })
    .otherwise({
      redirectTo: '/'
    });
})

我在應用程序中包括了ngRoute並且腳本已添加到索引中。

這個應用程式之前運作良好 我稍微嘗試了$locationProvider.html5Mode() ,但不喜歡結果,所以我對HEAD進行了硬重置。 此后,它無法在任何計算機,任何瀏覽器上正常運行。

我不知道是什么原因引起的,或者還需要其他什么解決方案。 打開以嘗試任何可行的方法。

編輯: StackOverflow設法刪除了我的標題的一部分。 .-。

我認為您應該能夠在app.run中調用$ location.path('/'),以便在角度加載后進行導航。

經過大量的挖掘,其他人和審判/錯誤后才弄清楚了。

如果$scope.apply()提早調用,它可以取消在頁面加載時觸發的摘要。 在方法上使用$timeout解決了它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM