http.get이 angularjs에서 작동하지 않습니까?

-2

나는 다음과 같은 코드를 가지고 :http.get이 angularjs에서 작동하지 않습니까?

<!DOCTYPE html> 
<html> 

<body> 

<div ng-app=""> 
    <p>Name: <input type="text" ng-model="name"></p> 
    <p ng-bind="name">{{$http.get('https://api.themoviedb.org/3/movie/now_playing?api_key=b4e5192d902f5add71f4a431c004d734').success(successCallback);}}</p> 
</div> 

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
<script> 
$http.get('https://api.themoviedb.org/3/movie/now_playing?api_key=b4e5192d902f5add71f4a431c004d734').success(successCallback: 'JSON_CALLBACK'); 
</script> 
</body> 
</html>

을하지만 어떻게 그렇게 나는 적어도 그냥 API의 모든 것을 표시 할 수 있도록 않는, 아무것도 반환하지 않습니다? 변수에 할당하고 조작을 위해이를 폭발시킬 수 있습니다.

출처

2014-09-10 Elliott Coe

먼저 앱과 컨트롤러를 정의하고 그 안에 $ http를 호출해야합니다. HTML에서 콜백으로 전달되는 데이터를 표시 할 수 있습니다. 이런 식으로 :

<!DOCTYPE html> 
<html> 

<body> 

<div ng-app="App" ng-controller="Ctrl"> 
    <p>Name: <input type="text" ng-model="name"></p> 
    <p>{{ data }}</p> 
</div> 

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
<script> 
angular.module('App', []). 
controller('Ctrl', function($scope, $http) { 
    $http.get('https://api.themoviedb.org/3/movie/now_playing?api_key=b4e5192d902f5add71f4a431c004d734').success(function(data) { 
     $scope.data = data; 
    }); 
}); 
</script> 
</body> 
</html>

출처

2014-09-10 22:32:18 Constantinos

$http.get 호출에 구문 오류가 있습니다. .success의 옵션은 객체이므로 중괄호로 묶어야합니다.

또한 정의되기 전에 $http을 사용하려고합니다.

출처

2014-09-10 22:27:04

http 호출은 컨트롤러에서 이루어져야합니다. 각도 서비스는 HTML 또는 스크립트 블록에서 바로 액세스 할 수 없습니다. 나는 당신이 콘솔 윈도우를 체크했다면 당신이 여기에 넣은 것에 적어도 몇 가지 오류가 있음을 알 것이다.

기본적으로 데이터가 반환되면 컨트롤러는 반환 된 데이터를 범위의 변수에 할당 할 수 있습니다.

나는이 첫 번째 기본 단계를 만들었지 만 온라인을 통해 많은 도움을 얻을 수있는 새로운 방법을 추측합니다. 체크 아웃 https://egghead.io/articles/new-to-angularjs-start-learning-here.

출처

2014-09-10 22:33:17

http.get이 angularjs에서 작동하지 않습니까?

답변

관련 문제