2016-03-14 3 views
-1

Прежде всего, позвольте мне поблагодарить вас за отличную работу, которую вы, ребята, здесь делаете. Ты мне очень помог, имея разные ошибки. Но на этот раз ничего не исправить мои проблемы. Я пытаюсь использовать JSON с Angular JS, который я создаю с помощью Spring Boot. JSON выглядит следующим образом:AngularJS - Невозможно отобразить данные от JSON

{ 
    "id": 65, 
    "url": "http://localhost:9000/", 
    "key": "com.SocGen:Test", 
    "name": "Test", 
    "lname": "Test", 
    "scope": "PRJ", 
    "qualifier": "TRK", 
    "uuid": "AVMtRdoEBufaCmDWZmPf", 
    "description": "Test", 
    "version": "0.0.1-SNAPSHOT", 
    "date": "2016-03-11T11:57:29+0200", 
    "creationDate": "2016-02-29T15:44:25+0200", 
    "allMsr": [ 
    { 
     "id": 2855, 
     "key": "files", 
     "val": "10.0", 
     "frmt_val": "10", 
     "project": null, 
     "date": "2016-03-11T11:57:29+0200" 
    }, 
    { 
     "id": 2856, 
     "key": "duplicated_blocks", 
     "val": "0.0", 
     "frmt_val": "0", 
     "project": null, 
     "date": "2016-03-11T11:57:29+0200" 
    } 
    ] 
} 

Мои index.html выглядит следующим образом:

<!doctype html> 
<html> 
<head> 
<title>Hello AngularJS</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<script src="hello.js"></script> 
</head> 
<body ng-app> 
    <table ng-controller="Hello"> 
    <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> 
</body> 
</html> 

И hello.js:

function Hello($scope, $http) { 
    $http.get('http://localhost:8080/project/65'). 
     success(function(data) { 
      $scope.project = data; 
     }); 
} 

я провел как 2 часа пытаются найти решение, но не повезло. Я знаю, что у этого вопроса уже есть ответы, но я пробовал их много, и никто из них, похоже, не работает для меня.

Итак, в чем ошибка? Спасибо!

+0

Это все 'hello.js'? – Starscream1984

+0

- это то, что вы используете? потому что '' allMsr ": [' запускает массив, но он никогда не закрывается ". – raszpi

+0

@ Starscream1984, да! Вот и все! –

ответ

0

Проблема была в том, что я запускал ее локально, и мой браузер имел CORS (совместное использование ресурсов).

Путем решения было установить небольшое расширение для хрома. Просто найдите его, и вы его найдете.

0

Как вы сказали, CORS заблокировал ваш запрос.

Как это может быть решением вашей проблемы, просто добавив расширение хром. Он не будет работать ни в одном другом браузере. Можете ли вы попросить пользователя установить расширение chrome для запуска вашего приложения.

Постоянное решение будет добавлять заголовок CORS со стороны сервера.

Access-Control-Allow-Origin:* 

Вот некоторые ссылки, чтобы пройти через вашу проблему:

Смежные вопросы