下面是我的例子
var myApp = angular.module('MySampleApp', ['ngRoute']);
myApp.controller('SampleCtrl', ['$scope', '$routeParams', function($scope, $routeParams) {
$scope.employee = {
id: 5,
name : 'balaji',
sal : 5000
};
$scope.a = $routeParams.a;
$scope.b = $routeParams.b;
}]);
myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/', {
template : "<strong> This is my routeProvider sample </strong>"
})
.when('/calc/:a/:b', {
templateUrl: "calc.htm",
controller: "SampleCtrl"
})
.otherwise({
template : "<strong> No CONTENT </strong>"
})
}]);
a01.htm
<!DOCTYPE html>
<html ng-app="MySampleApp">
<head>
<title>RoteParams example</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8 /angular-route.js"></script>
<script src="SampleCtrl.js"></script>
</head>
<body>
<div ng-controller="SampleCtrl">
{{employee.id}} , {{employee.name}} , {{employee.sal}}
<div>
<a href="#/calc/4/5"> Sum </a>
</div>
<div ng-view> </div>
</div>
</body>
</html>
我已经安装了npm并使用以下命令启动了服务器:
C:\Users\xyz>http-server c:\Users\xyz\Descktop\practice
Starting up http-server, serving c:\Users\xyz\Descktop\practice
Available on:
http://10.0.0.117:8081
http://127.0.0.1:8081
当我尝试通过http://localhost:8081/a01.htm
和http://localhost:8081/a01.htm#/calc/4/5
访问页面a01.htm时,两个链接都抛出
“找不到此本地主机页面
未找到web地址的网页:http://localhost:8081/a01.htm“
此外,在服务器上,它显示:
pleWebKit/537.36 (KHTML,像Gecko) Chrome/55.0.2883.87Safari/537.36“Sat Dec 24 201619:54:07 GMT-0800 (太平洋标准时间) "GET /a01.htm”错误(404):“找不到”
发布于 2016-12-25 15:31:03
我所做的唯一一件事就是没有使用像这样的路径
c:\xyz\desktop\practice
启动http-server后,我执行了以下操作:
步骤1:
c:\
第2步:
http-server c:\xyz\desktop\practice
它开始工作了。感谢大家的帮助。
发布于 2018-06-08 07:33:27
而不是
127.0.0.1 8081
使用以下命令:
http://127.0.0.1:8081/wamp/www/Angular_1/contactapp/
https://stackoverflow.com/questions/41318580
复制相似问题