2015-01-06 3 views
0
<div ng-app="myapp" ng-controller="hello"> 

<script>    
function Hello($scope, $http) { 
    $http.get('http://rest-service.guides.spring.io/greeting'). 
    success(function(data) { 
     $scope.greeting = data; 
    }); 
} 
</script> 

, и я хотел бы распечатать содержимое следующим образом: {{greeting.id}}. фрагмент кода будет получать данные в формате JSON с «http://rest-service.guides.spring.io/greeting» с использованием угловых символов. Это не работает в eclipse. Любые идеи, чтобы заставить его работать?Угловые и веб-услуги

+1

Любые ошибки в консоли? И какую Угловую версию вы используете? С 1.3.x вы должны использовать модули. – dfsq

+1

Что значит «не работает в Eclipse»? –

+0

ошибок в консоли, его веб-проект, так что «{{greeting.id}}» отображается точно так, как это –

ответ

0

Я вполне уверен, что значение ng-controller чувствительно к регистру.

Итак, это:

ng-controller="hello" 

будет искать функцию с именем: hello, не Hello.

Here is a plunker, что свидетельствует о проблеме.

+0

спасибо за помощь :) –

+0

Как бы вы это сделали то же самое, если файл с данными на стороне сервера потребовал, чтобы ключ API для доступа к данным json –

+0

мог ли вы сделать плункер, если это возможно, чтобы продемонстрировать, как вызов будет работать с отправляемым заголовком? –

0

Измените код своего контроллера следующим образом.

(function() { 
    var myApp = angular.module('myModule'); 

    myApp.controller('hello', ['$scope', '$http', function ($scope, $http) { 

     $http.get("http://rest-service.guides.spring.io/greeting").then(function(data){ 
     $scope.greeting=data; 
     }); 

    }]); 
})(); 

и в HTML

{{greeting.data.id}} 

Я проверил его в plunker. Он работает нормально

+0

большое спасибо. это путем создания контроллера, определенного для определенного модуля, да? –

+0

Вы можете использовать этот тип соглашения, когда у вас есть многоуровневые контроллеры в вашем приложении. 'myModule' - это пространство имен (C#), которое будет указано в ng-приложении. И одна из его лучших практик - использование IIFE. См. Ссылку ниже. http://toddmotto.com/minimal-angular-module-syntax-approach-using-an-iife/ – ssug89