2017-12-18 21 views
0

これは奇妙に思えるかもしれませんが、基本的には角度/春起動アプリケーションに関連付けられていないHTMLファイルを作成したいのです。現在スプリングブート/角度アプリ。完全に自己完結型のHTMLファイルをルーティングする

  • は 'localhostの:8080 /' ---( '!/#/ログインを' での角度アプリにリダイレクト)

は、私が欲しいもの:

  • 'localhost:8080/angular' ---( '/#!/ login'の角度アプリにリダイレクト)

  • 'lo calhost:8080 /「---(通常の自己完結型のHTMLファイルeg'test.html私を示し」)

だけでも、正しい方向に私を導くことになるので、私は角と春に非常に新しいです巨大な助け。

ありがとうございました。

+1

https://github.com/angular-ui/ui-router – pegla

答えて

1

「ngRoute」の礼儀で、ngRoute.Byを使用する必要があります。特定のURLで特定のビューにユーザーをリダイレクトすることができます。 Plsはそれについていくつかの研究を行います。あなたのビューを解決し、問題をリダイレクトすると仮定しましょう。どのようにサーバー側からデータを取得するのですか?現時点では、サービスオブジェクトとファクトリオブジェクトを参照することをお勧めします。 お手伝いをしてください。

サンプルコード:

// create the module and name it exApp 
// also include ngRoute for all our routing needs 

var exApp= angular.module('exApp', ['ngRoute']); 

// configure our routes 
exApp.config(function($routeProvider) { 
    $routeProvider 

     // route for the home page 
     .when('/', { 
      templateUrl : 'pages/home.html', 
      controller : 'mainController' 
     }) 

     // route for the about page 
     .when('/about', { 
      templateUrl : 'pages/about.html', 
      controller : 'aboutController' 
     }) 

     // route for the contact page 
     .when('/contact', { 
      templateUrl : 'pages/contact.html', 
      controller : 'contactController' 
     }); 
}); 

// create the controller and inject Angular's $scope 
exApp.controller('mainController', function($scope) { 
    // create a message to display in our view 
    $scope.message = 'Everyone come and see how good I look!'; 
}); 

exApp.controller('aboutController', function($scope) { 
    $scope.message = 'Look! I am an about page.'; 
}); 

exApp.controller('contactController', function($scope) { 
    $scope.message = 'Contact us! JK. This is just a demo.'; 
}); 
関連する問題