2016-04-13 8 views
0

ルーティングから "/ phone"部分にアクセスするためにどのURLを使用する必要がありますか?私はこれを試しているhttp://localhost:8888/workspace/AngA/phonesしかし、ページは空白です。あるいは、URLが正しいかもしれないし、私は別のものを忘れた。ここでAngularプロジェクトで "/ phone"に到達するURLは何ですか?

は、コード全体(ビューのための2 htmlページ、2 JSページ)です:

//in home.html 
<h1>home</h1> 

<p> 
    <a href="/phones/1">Add a {{ test }}</a> 
</p> 

---- 

//in index.html 
<!doctype html> 
<html lang="en" ng-app="phonecatApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>My HTML File</title> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 
    <link rel="stylesheet" href="css/app.css"> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
</head> 
<body> 

    <div ng-view>hello</div> 

</body> 
</html> 

---- 

//in app.js 
'use strict'; 

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

phonecatApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/phones', { 
     templateUrl: 'partials/home.html', 
     controller: 'PhoneListCtrl' 
     }). 
     when('/phones/:phoneId', { 
     templateUrl: 'partials/detail.html', 
     controller: 'PhoneDetailCtrl' 
     }). 
     otherwise({ 
     redirectTo: '/phones' 
     }); 
    } 
]); 

---- 

//in controllers.js 

'use strict'; 

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

phonecatControllers.controller('PhoneListCtrl', function ($scope) { 
    $scope.test = 'age'; 
}); 

phonecatControllers.controller('PhoneDetailCtrl', function($scope, $routeParams){ 

}); 
+2

で試してみてください:#/電話 – Zaki

答えて

2

あなたがあなたの代わりにこのような何かをするだろう、そのページにアクセスするので、html5modeを指定していない:

http://localhost:8888/workspace/AngA/#/phones

+0

おかげで、私は「index.htmlに」に書かれた「ハロー」を有するが、私は「home.html」ページから「ホーム」を得ることはありません保ちます。 「#/ phones」のURLは、「AngA/index.html」とまったく同じです... – Paul

関連する問題