与角度路由相关（单页面应用）

Question

想要某人帮助我使用angularjs进行前端UI路由吗？ 正在设计登录&寄存器设置，但路由不能正常工作，并且通过MVC结构连接时，引导程序渲染也不能正确渲染。

。

Answer 1

您可以使用UI-ROUTER以角度js进行路由。

将UI路由器应用程序建模为状态的分层树。 UI-Router提供一个状态机来以类似事务的方式管理这些应用程序状态之间的转换。

下面是一个例子的路由配置，

$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