angularjs路由ui-router配置

Posted 2020-09-29

var myApp = angular.module("myApp", [‘ui.router‘]);
myApp.config([‘$stateProvider‘, ‘$urlRouterProvider‘,‘$locationProvider‘,
function ($stateProvider, $urlRouterProvider, $locationProvider) {
    $urlRouterProvider.when("", "/one");
    $stateProvider
    .state("one", {
        url:"/one",
        views: {
            "":{templateUrl: ‘view/one.html‘}
        }
    })
    .state("two", {
        url:"/two",
        views: {
            "":{templateUrl: ‘view/two.html‘}
        }

    })
    .state("three", {
        url:"/three",
        templateUrl: "view/three.html"
    });
    $locationProvider.html5Mode(true);
}]);