Javascript AngularJS-ngRoute can'；找不到文件_Javascript_Angularjs_Ngroute

Javascript AngularJS-ngRoute can'；找不到文件

javascript angularjs

Javascript AngularJS-ngRoute can'；找不到文件,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,我试图显示JSON文件中的一些数据，但无法正确使用ngRoute。为了记录在案，我正在使用用于Chrome的CORS插件本地运行这些文件。当我试图访问~/project/13（其中13是一个ID）时，浏览器返回“未找到文件”。控制台中也没有错误代码如下： hello.js var myApp = angular.module('myApp',['ngRoute']); myApp.config(function($routeProvider){

我试图显示JSON文件中的一些数据，但无法正确使用ngRoute。为了记录在案，我正在使用用于Chrome的CORS插件本地运行这些文件。当我试图访问~/project/13（其中13是一个ID）时，浏览器返回“未找到文件”。控制台中也没有错误

代码如下： hello.js

    var myApp = angular.module('myApp',['ngRoute']);

myApp.config(function($routeProvider){
                    $routeProvider
                    .when('/project/:projectId',{
                    controller:'GetProjectCtrl',
                    templateUrl:'project.html'
                })
});  
myApp.controller('GetProjectCtrl', ['$routeParams','$scope','$http', function($routeParams,$scope,$http){
        $http.get('http://localhost:8080/project/'+$routeParams.projectId).
    success(function(data) {
        $scope.project = data;
    });
    console.log($routeParams.projectId);
}]);

project.html

<!doctype html>
<html>
<head>
<title>Project</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js"></script>

<script src="hello.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body ng-app="myApp">
<div id="wrapper">

    <header>
        <div class="header-left">
            <h1>Sonar Monitoring Tool</h1>
        </div>
    </header>

    <table ng-controller="GetProjectCtrl">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>URL</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>{{project.id}}</td>
            <td>{{project.name}}</td>
            <td>{{project.url}}</td>
        </tr>
    </tbody>
    </table>
</div>
</body>
</html>

您需要在服务器下运行您的站点。您可以使用零配置的简单starters http服务器，使用NPM安装。

尝试将您的templateUrl更改为

appFolder/subFolder/project.html'，如果这是您的文件夹结构。或者您是否将

template.html`直接放在您的根文件夹中？@aup尝试过，但没有成功。@alexey这是我遇到的错误。直到现在我才看到：不允许加载本地资源：file:///C:/Users/******/桌面/角度/项目/13

Not allowed to load local resource: file:///C:/Users/******/Desktop/Angular/project/13