2017-07-26 2 views
0

Ich benutze ng-Route mit HTML5-Modus und http-Server in npm. Ich habe eine Hauptseite mit ng-view, und wenn ich auf einen Link klicke, wird die Ansicht angezeigt. Aber wenn ich nur Sichtanzeige mit out-Header aktualisieren. Im Folgenden finden SieWarum habe ich die Seite nicht gefunden, wenn ich den Browser auf angularjs aktualisiere?

.config(['$routeProvider', function ($routeProvider) { 
 
     //console.log($routeProvider); 
 
     $routeProvider. 
 
      when('/app/gateways', { 
 
       templateUrl: '/app/gateways.html', 
 
      }). 
 
      when('/app/lights', { 
 
       templateUrl: '/app/lights.html', 
 
      }). 
 
      when('/app/control', { 
 
       templateUrl: '/app/assign-gateway-to-user.html', 
 
      }) 
 
      //otherwise({ 
 
      // redirectTo: '/app/index.html' 
 
      //}); 
 
    }]) 
 
    .config(['$locationProvider', function($locationProvider) 
 
    { 
 
     $locationProvider.html5Mode({ 
 
      enabled: true, 
 
      requireBase: false, 
 
     }); 
 
    }])

+0

html5Mode Verwendung erfordert auf Server-Seite URL-Rewriting – Akashii

+0

Wie ich URL Rewriting in http-Server? Kannst du mir mehr erklären? –

+0

https://Stackoverflow.com/questions/17777967/using-angularjs-html5mode-with-nodejs-and-express siehe es – Akashii

Antwort

0

wie dieser Code ändern. Sie müssen Config nicht erneut definieren, um neue Provider zu injizieren. Sie können das tun in einem einzigen Schritt

.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    //console.log($routeProvider); 
    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false, 
    }); 
    $routeProvider. 
    when('/app/gateways', { 
     templateUrl: '/app/gateways.html', 
    }). 
    when('/app/lights', { 
     templateUrl: '/app/lights.html', 
    }). 
    when('/app/control', { 
      templateUrl: '/app/assign-gateway-to-user.html', 
     }) 
     //otherwise({ 
     // redirectTo: '/app/index.html' 
     //}); 
}]) 
Verwandte Themen