eclipseでangularjsでルーティングすることができません

他のページにルーティングできませんが、私の問題を解決してください。
私はWebデベロッパー向けのEclipse Java EE IDEを使用しています。
バージョン：Mars.1リリース（4.5.1）ビルドID：私のプロジェクトの20150924から1200eclipseでangularjsでルーティングすることができません

// also include ngRoute for all our routing needs 
var myApp = angular.module('myApp', ['ngRoute']); 

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

    $routeProvider 

    // route for the home page 
    .when('#/', { 

    templateUrl: 'home.html', 
    controller: 'mainController' 
    }) 

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

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

// create the controller and inject Angular's $scope 
myApp.controller('mainController', function($scope) { 
    // create a message to display in our view 

    $scope.username = 'ranjeet'; 
    $scope.password = 'singh'; 

    $scope.message = 'Everyone come and see how good I look!'; 
}); 



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

myApp.controller('contactController', function($scope) { 
    $scope.message = 'Contact us! JK. This is just a demo.'; 
});

<!DOCTYPE html> 
<html ng-app="myApp"> 

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-route.js"></script> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

</head> 

<body> 
    <header> 
    <nav class="navbar navbar-default"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="/">Angular Routing Example</a> 
     </div> 

     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#/">home</a> 
      </li> 
      <li><a href="#/about"> About</a> 
      </li> 
      <li><a href="#/contact">Contact</a> 
      </li> 
     </ul> 
     </div> 
    </nav> 
    </header> 

    <div id="main"> 

    <div ng-view></div> 
    </div> 


</body> 

</html>

ファイル構造： [ file structure of my project 1

出典

2016-04-02 Ranjeet Singh Rajpurohit

$routeProvider.when()のURLの値には、該当する場合に内部的に設定される#は含まれないようにしてください（角度ルータではデフォルトでhtml5modeが無効になっているため、角度はハッシュロケーション戦略を使用します）。

変更してみてください：

$routeProvider 

    // route for the home page 
    .when('#/', { 

    templateUrl: 'home.html', 
    controller: 'mainController' 
    })

$routeProvider 

    // route for the home page 
    .when('/', { //do remove # from all registered routes 
     // ^^ no "#" 
    templateUrl: 'home.html', 
    controller: 'mainController' 
    })

出典

2016-04-02 17:16:06 charlietfl

するためにあなたがワシの目持っている：pは... 1 ..hadが答え –

を編集して、いくつかの文を追加しました私は '＃だけですべてをやりました/ 'eventhoghが動作しません –

eclipseでangularjsでルーティングすることができません

答えて

関連する問題