我应该使用什么 URL 来到达路由中的“/phone”部分？我正在尝试这个 http://localhost:8888/workspace/AngA/phones 但页面是空白的。或者也许网址是正确的，但我忘记了其他内容。
这是完整的代码(2 个 html 页面用于 View ，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){
});
最佳答案
您尚未指定 html5mode，因此要访问该页面，您需要执行以下操作:
http://localhost:8888/workspace/AngA/#/phones
关于javascript - 在 Angular 项目中到达 "/phone"的 URL 是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36601947/