从ng路由到Ui.Router的角度

Question

我想从ng路由到ui.router，但我似乎无法得到它的工作。它不断给我一个错误，我的应用程序不断崩溃。

这是我已经设置我的app.js：

var app = angular.module("loodgietersApp", ["ui.router"]); 

app.config(function($stateProvider, $urlRouterProvider, $locationProvider,$animateProvider) { 

$urlRouterProvider.otherwise('/'); 

$stateProvider 
     .state('home', { 
      url: '/home', 
      templateUrl: 'partials/home.html' 
     }) 

     .state('24-uur-loodgieter-service', { 
      url: '/24-uur-loodgieter-service', 
      templateUrl: 'partials/24-hour-service.html' 
     }); 
$locationProvider.html5Mode(true); 
}); 

这是玉索引文件：

script(type="application/javascript" src="//unpkg.com/angular-ui-router/release/angular-ui-router.min.js") 

body 

div(class="nav-bar") 
ul 
    li 
    a(href="/24-uur-loodgieter-service") 

div(class="box") 
    div(class="animate-box page" ui-view my-scroll) 

    div(ng-include="'partials/includes/brands.html'") 

    div(ng-include="'partials/includes/specialisations.html'") 

    div(ng-include="'partials/includes/footer.html'") 

Answer 1

，同时指定你应该使用UI-SREF指令的URL链接，还指定部分视图将使用元素指令ui-view加载的元素，如下所述：

body 

div(class="nav-bar") 
ul 
    li 
    a(ui-sref="24-uur-loodgieter-service") 

div(class="box") 
    ui-view 

    div(class="animate-box page" ui-view my-scroll) 

    div(ng-include="'partials/includes/brands.html'") 

    div(ng-include="'partials/includes/specialisations.html'") 

    div(ng-include="'partials/includes/footer.html'")