0
JSONファイルからいくつかのデータを表示しようとしていますが、ngRouteを正しく使用することはできません。 記録としては、ChromeのCORSプラグインを使用してファイルをローカルで実行しています。 〜/ project/13にアクセスしようとすると(13がID)、ブラウザは「ファイルが見つかりません」を返します。コンソールにもエラーはありません。AngularJS - ngRouteファイルが見つかりません
ここでは、コードです: 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>
私はここで何をしないのですが?
Not allowed to load local resource: file:///C:/Users/******/Desktop/Angular/project/13
templateUrlを 'appFolder/subFolder/project.html 'に変更してみてください。あるいは 'template.html'をルートフォルダに直接入れましたか? – aup
あなたはエラーを投稿できますか? – alexey
@aupはそれを試みました、うまくいきませんでした。 –