ui-routerルートコールは不可能ですか？

Question

私はui-routerルーティングを適用しましたが、うまく動作します。私は/ホームURLへの移動ルートページ

上でこれを取得してい紺碧のためにウェブサイトを公開するとき

は、しかし、正常に動作しても、他のすべてのURLが正常に動作しているが、私は主根をしたいです/ homeと同じになるように表示する。

どうすれば実現できますか？

私はすべての角度機能を持っているVisual Studioのブランクプロジェクトを使用しています。

おかげで

UPDATE：UI-ルータロジック：

app.config(function ($stateProvider, $urlRouterProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
      .state('root', { 
       url: '', 
       data: { 
        css: [ 
         '/assets/css/homepage.css', 
         { 
          name: 'layout1', 
          href: '/assets/css/bootstrap.min.css' 
         }, 
         { 
          name: 'layout2', 
          href: '/assets/css/style.css' 
         }, 
         { 
          name: 'layout3', 
          href: '/assets/css/responsive.css' 
         }, 
         { 
          name: 'layout4', 
          href: '/assets/fonts/font-awesome/css/font-awesome.min.css' 
         } 
        ] 
       }, 
       views: { 
        'header': { 
         templateUrl: '/views/partials/header.html' 
        }, 
        'content': { 
         templateUrl: '/views/home/index.html', 
         controller: 'homeController' 
        }, 
        'footer': { 
         templateUrl: '/views/partials/footer.html' 
        } 
       } 
      }) 
     .state("home", { 
      url: "/", 
      data: { 
       css: [ 
        '/assets/css/homepage.css', 
        { 
         name: 'layout1', 
         href: '/assets/css/bootstrap.min.css' 
        }, 
        { 
         name: 'layout2', 
         href: '/assets/css/style.css' 
        }, 
        { 
         name: 'layout3', 
         href: '/assets/css/responsive.css' 
        }, 
        { 
         name: 'layout4', 
         href: '/assets/fonts/font-awesome/css/font-awesome.min.css' 
        } 
       ] 
      }, 
      views: { 
       'header': { 
        templateUrl: '/views/partials/header.html' 
       }, 
       'content': { 
        templateUrl: '/views/home/index.html', 
        controller: 'homeController' 
       }, 
       'footer': { 
        templateUrl: '/views/partials/footer.html' 
       } 
      } 
     }) 
     .state("ourteam", { 
      url: "/ourteam", 
      data: { 
       css: [ 
        '/assets/css/responsive.css', 
        '/assets/css/style.css' 
       ] 
      }, 
      views: { 
       'header': { 
        templateUrl: '/views/partials/header.html' 
       }, 
       'content': { 
        templateUrl: '/views/home/our-team.html' 
       }, 
       'footer': { 
        templateUrl: '/views/partials/footer.html' 
       } 
      } 
     }) 
     .state("contact", { 
      url: "/contact", 
      data: { 
       css: [ 
        '/assets/css/responsive.css', 
        '/assets/css/style.css' 
       ] 
      }, 
      views: { 
       'header': { 
        templateUrl: '/views/partials/header.html' 
       }, 
       'content': { 
        templateUrl: '/views/home/contact.html' 
       }, 
       'footer': { 
        templateUrl: '/views/partials/footer.html' 
       } 
      } 
     }) 
}); 

Answer 1

あなたはコードスニペットまたは少なくともUI-ルータの設定を公開することはできますか？

PS：私は、MicrosoftのIDEを使ってGoogleのフレームワークの定型文を作成するのは良い考えではないと思います。あなた自身のコードを見直して、それを部品自身で構築すると、何が起こるのかを明確に理解できます。

Answer 2

""は、https://github.com/angular-ui/ui-router/issues/185#issuecomment-19661148のコメントによると、"/"の別名であるようです。

$urlRouterProvider.otherwise('/'); 

$stateProvider 
    .state('root', { 
      url: '/', 
      ... 
      }) 
    .state('home',{ 
      url:'/home', 
      ... 
      })