2016-12-25 141 views
0

以下是我的榜样AngularJS routeParams - 文件未发现异常

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> 

我已经安装了新公共管理和使用以下命令启动服务器:

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 

当我尝试通过访问该页面a01.htm http://localhost:8081/a01.htmhttp://localhost:8081/a01.htm#/calc/4/5, 两个链接都扔

“这本地主机页面无法找到

没有网页被发现的Web地址:http://localhost:8081/a01.htm

此外,在服务器上它显示:

pleWebKit/537.36(KHTML ,像Gecko)Chrome/55.0.2883.87 Safari/537.36“[Sat Dec 24 2016 19:54:07 GMT-0800(Pacific Standard Time)]”GET /a01.htm“错误(404):”未找到“

+0

你确定服务器启动了吗? –

+0

是的,我启动了服务器..其他如何来听取URL GET/a01.htm? –

+0

'dir c:\ Users \ xyz \ Descktop \ practice'的输出是什么? –

回答

0

我做的唯一的事情就是 而不是去路径,如C:\某某\桌面\实践​​和启动HTTP服务器..

我只是做了这样的: 步骤1:C:\ 第2步:HTTP -server c:\ xyz \ desktop \ practice

它开始工作。感谢您的快速响应。