2015-06-03 2 views
0

Вот коды, которые я написал:Невозможно отобразить информацию от ФПИ страницы с помощью AngularJS

DRF Page [http://localhost:8000/index/info/?format=json]

[{"id": 1, "name": "Michel", "city": "Florida", "country": "United States"}, {"id": 2, "name": "Shuvo", "city": "London", "country": "United Kingdom"}] 

2.html [это моя вторая попытка ]

<!DOCTYPE html> 

<html> 
<script src="angular.min.js"></script> 
<script src="2.js"></script> 
<body> 
<div ng-app="myApp" ng-controller="myCtrl"> 
    <ul> 
     <li ng-repeat="x in info"> 
      {{ x.name + ', ' + x.country }} 
     </li> 
    </ul> 
</div> 
</body>  
</html> 

2.js

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

app.controller('myCtrl', function($scope, $http) { 
    $http.get("http://localhost:8000/index/info/?format=json") 
    .success(function(response) { 
     $scope.info = response; 
    }); 
}); 

На моей странице 2.html нет НИЧЕГО. Это совершенно пусто. Что я делаю не так? :(

ответ

0

так Джанго и угловой то же обозначение для отображения переменных, вам придется использовать verbatim tags для использования {{}} в качестве угловых меток. В противном случае они будут рассматриваться как Джанго теги.

+0

, что это не моя проблема .. Я даже не используя шаблоны Джанго прямо сейчас .. Просто пытаюсь читать данные в формате JSON с Джанго рамочной остальных страниц с AngularJS. На самом деле, я хотел бы прочитать данные, которые входят в вышеуказанный формат, как массив без имени. – MiniGunnR

+0

Вы получаете данные в своей переменной Scope? – Abhishek

0

Я подозреваю, что это что-то делать с форматом данных, возвращаемых в

$http.get("http://localhost:8000/index/info/?format=json") 

Что вы видите в консоли, когда http.get работает?

Вот такой plunkr показывая его работу с данными

http://plnkr.co/edit/x0OtVbsnSMk3mdhRFEkc

+0

У вас есть все данные JSON для переменной, называемой данными. И тогда вы присвоили эту переменную переменной '$ scope.info'. Но у меня есть URL, который возвращает данные JSON. Я не знаю, как поставить json с этой страницы на '$ scope.info'. – MiniGunnR

+0

Какая-то демонстрация действительно была бы полезной, вы получаете какие-либо ошибки в консоли? Я подозреваю, что есть проблема с возвращаемыми данными. Вы также проверили учебник: https://docs.angularjs.org/tutorial/step_05 –

+0

Вы уверены, что это точно правильный формат, который также возвращается? Хотя я никогда не использовал его в соответствии с этим: http://www.django-rest-framework.org/tutorial/quickstart/#testing-our-api данные были бы в объекте результатов. –

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