AngularJS - ngRoute не может найти файл

Question

AngularJS - ngRoute не может найти файл

0

Я пытаюсь отобразить некоторые данные из файла JSON, но я не могу правильно использовать ngRoute. Для записи я запускаю файлы локально, используя плагин CORS для Chrome. Когда я пытаюсь получить доступ к ~/project/13 (где 13 - идентификатор), браузер возвращает "Файл не найден". Там нет ошибок в консоли.

Вот код: 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

Alex Iamandi 22 март 2016, в 11:57

Источник

0

Попробуйте изменить templateUrl на appFolder/subFolder/project.html´, if that's you folder structure. Or did you put template.html` прямо в корневую папку?
aup 22 март 2016, в 10:49
0

Вы можете опубликовать ошибку?
alexey 22 март 2016, в 10:51
0

@aup попробовал это, не сработало.
Alex Iamandi 22 март 2016, в 10:56
0

@alexey, это ошибка, которую я получаю. Я не видел его до сих пор: не разрешено загружать локальный ресурс: file: /// C: / Users / ****** / Desktop / Angular / project / 13
Alex Iamandi 22 март 2016, в 10:57

Показать ещё 2 комментария

Теги:

javascript

angularjs

ngroute

1 ответ

Ещё вопросы

Попробуйте изменить templateUrl на appFolder/subFolder/project.html´, if that's you folder structure. Or did you put template.html` прямо в корневую папку?
@alexey, это ошибка, которую я получаю. Я не видел его до сих пор: не разрешено загружать локальный ресурс: file: /// C: / Users / ****** / Desktop / Angular / project / 13

Ran Sasportas · Accepted Answer · 2016-03-22T09-44-00.000Z

Вам нужно запустить сайт youre под сервером. вы можете использовать https://www.npmjs.com/package/http-server простой HTTP-сервер стартеров с нулевой конфигурацией, установить с помощью NPM.