AngularJS routeParams-未找到文件异常
下面是我的例子AngularJS routeParams-未找到文件异常,angularjs,Angularjs,下面是我的例子 var myApp = angular.module('MySampleApp', ['ngRoute']); myApp.controller('SampleCtrl', ['$scope', '$routeParams', function($scope, $routeParams) { $scope.employee = { id: 5, name : 'balaji', sal : 5000 }; $scope.a = $routePa
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>
当我试图通过http://localhost:8081/a01.htm
和http://localhost:8081/a01.htm#/calc/4/5
,
两个链接都在抛出
“找不到此本地主机页
找不到网址的网页:”
此外,在服务器上显示:
pleWebKit/537.36(KHTML,像壁虎)Chrome/55.0.2883.87 Safari/537.36“[周六2016年12月24日19:54:07 GMT-0800(太平洋标准
时间)]“GET/a01.htm”错误(404):“未找到”
我所做的唯一一件事就是不用像这样的路径
c:\xyz\desktop\practice
在启动http服务器时,我执行了以下操作:
步骤1:
c:\
步骤2:
http-server c:\xyz\desktop\practice
它开始工作了。谢谢大家的帮助。而不是
127.0.0.1 8081
使用以下命令:
http://127.0.0.1:8081/wamp/www/Angular_1/contactapp/
你确定服务器启动了吗?是的,我启动了服务器..否则它怎么会监听URL GET/a01.htm?目录c:\Users\xyz\Descktop\practice的输出是什么?
http://127.0.0.1:8081/wamp/www/Angular_1/contactapp/