首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >AngularJS routeParams -找不到文件异常

AngularJS routeParams -找不到文件异常
EN

Stack Overflow用户
提问于 2016-12-25 12:01:52
回答 2查看 92关注 0票数 1

下面是我的例子

代码语言:javascript
复制
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并使用以下命令启动了服务器:

代码语言:javascript
复制
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.htmhttp://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):“找不到”

EN

回答 2

Stack Overflow用户

发布于 2016-12-25 15:31:03

我所做的唯一一件事就是没有使用像这样的路径

代码语言:javascript
复制
c:\xyz\desktop\practice

启动http-server后,我执行了以下操作:

步骤1:

代码语言:javascript
复制
c:\

第2步:

代码语言:javascript
复制
http-server c:\xyz\desktop\practice

它开始工作了。感谢大家的帮助。

票数 1
EN

Stack Overflow用户

发布于 2018-06-08 07:33:27

而不是

代码语言:javascript
复制
127.0.0.1 8081

使用以下命令:

代码语言:javascript
复制
http://127.0.0.1:8081/wamp/www/Angular_1/contactapp/
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41318580

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档