AngularJS $ http.get example

Я пытаюсь попасть в angularJS http.get

У меня есть простой сервис.

http://groupify-webtechproject.rhcloud.com/api/test/helloworld

будет возвращать "Hello World" простой текст. Я хочу получить это с помощью angularjs, а также предупредить его или даже лучше отобразить его на моем index.html

Но после 2 часов попыток и не приближающегося шага, возможно, один из вас может помочь.

Это мои HTML5 и JS фрагменты кода:

angular.module('myApp', []).controller('Hello', function ($scope, $http) { 
 
    $http.jsonp('http://groupify-webtechproject.rhcloud.com/api/test/helloworld'). 
 
     success(function(data) { 
 
\t \t \t alert("success"); 
 
      alert(data); 
 
      $scope.data = data; 
 
      alert(data); 
 
\t \t }). 
 
\t \t error(function(data, status) { 
 
\t \t \t alert("error"); 
 
\t \t \t alert(data); 
 
     }); 
 
});

<!doctype html> 
 
<html ng-app="myApp"> 
 
<head> 
 
    <title>Hello AngularJS</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular-resource.min.js"></script> 
 
    <script src="main.js"></script> 
 
</head> 
 

 
<body> 
 
<div ng-controller="Hello"> 
 
    <p>{{data}}</p> 
 
</div> 
 
</body> 
 
</html>

источник

2015-01-20 1elf

вы внедренный agular 1. * вместо более новой версии. ваш ресурс уже недоступен (404).

кроме этого код работает.

angular.module('myApp', []).controller('Hello', function ($scope, $http) { 
 
    $http.jsonp('http://groupify-webtechproject.rhcloud.com/api/test/helloworld'). 
 
     success(function(data) { 
 
\t \t \t console.log('success', data); 
 
      $scope.data = data; 
 
\t \t }). 
 
\t \t error(function(data, status) { 
 
\t \t \t console.log('error', data, status); 
 
      $scope.data = 'error with status code: ' + status; 
 
     }); 
 
});

<!doctype html> 
 
<html ng-app="myApp"> 
 
<head> 
 
    <title>Hello AngularJS</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-resource.min.js"></script> 
 
</head> 
 

 
<body> 
 
<div ng-controller="Hello"> 
 
    <p>{{data}}</p> 
 
</div> 
 
</body> 
 
</html>

источник

2015-01-21 00:02:47 zwacky

понял. Все было просто найти. Только междоменные запросы не работали. Мне пришлось положить все на свой сервер. Спасибо – 1elf

AngularJS $ http.get example

ответ

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