Bezogen auf Angular Routes (Einzelseitenanwendung)

Question

Möchte jemand mir im Front-End-UI-Routing mit angularjs helfen? Am Entwerfen Login & Register-Setup, aber Routing funktioniert nicht einwandfrei und auch Bootstrap-Rendering rendern nicht richtig, wenn über MVC-Struktur verbunden.

.

Answer 1

Sie können UI-ROUTER für das Routing in eckigen js verwenden.

UI-Router-Anwendungen werden als hierarchische Hierarchie von Zuständen modelliert. UI-Router stellt eine Zustandsmaschine zur Verfügung, um die Übergänge zwischen diesen Anwendungszuständen in einer transaktionsähnlichen Weise zu verwalten. Hier

ist ein Beispiel Streckenkonfiguration,

$stateProvider 
    .state('register', { 
     url: '/register', 
     templateUrl: 'register.html', 
     controller: 'registerController' 
    }) 
    .state('login', { 
     url: '/logn', 
     templateUrl: 'login.html', 
     controller: 'loginController' 
    }) 
    .state('home', { 
     url: '/home', 
     templateUrl: 'partial-home.html' 
    }) 
    // nested list with custom controller 
    .state('home.list', { 
     url: '/list', 
     templateUrl: 'partial-home-list.html', 
     controller: function($scope) { 
      $scope.dogs = ['Bernese', 'Husky', 'Goldendoodle']; 
     } 
    }) 
    // nested list with just some random string data 
    .state('home.paragraph', { 
     url: '/paragraph', 
     template: 'I could sure use a drink right now.' 
}) 

Github link for documentation

Another reference for ui-router

A Demo for routing and navigation using ui-router