AngularJS와 HTTP를
$ HTTP AngularJS와 원격 서버로부터 데이터를 판독하기위한 핵심 서비스이다.
JSON 파일 읽기
다음은 웹 서버에 저장된 파일 인 JSON :
http://www.w3big.com/try/angularjs/data/sites.php
{
"사이트":
{
"이름": "튜토리얼", "URL": "www.w3big.com ", "국가": "CN"
}, {
"이름": "구글", "URL": "www.google.com", "국가": "USA"
}, {
"이름": "페이스 북", "URL": "www.facebook.com", "국가": "USA"
}, {
"이름": "마이크로 블로깅", "URL": "www.weibo.com ", "국가": "CN"
}
]
}
AngularJS와 $ HTTP
$ AngularJS 및 HTTP 서비스는 웹 서버에 데이터를 판독하는 데 사용된다.
$ Http.get (URL) 함수는 데이터 서버를 판독하는데 사용된다.
예를 AngularJS와
<사업부 NG-응용 프로그램 = "을 myApp" NG 컨트롤러 = "siteCtrl">
<UL>
<리 NG-반복 = "이름에 X "> {{x.Name + ','+ x.Country}} </ 리>
</ UL>
</ DIV>
<SCRIPT> var에 응용 = angular.module ( '을 myApp', []); app.controller ( 'siteCtrl', 기능 ($ 범위, $ HTTP) {$ http.get ( "http://www.w3big.com /try/angularjs/data/sites.php ") 일단 .success (기능 (응답 ) {$ scope.names = response.sites;});}); </ script>
»시도
애플리케이션 분석 :
? 참고 : 위의 요청 코드가 로컬 실행에 직접 복사 할 수 없습니다 사이트 서버입니다 얻을 크로스 도메인 문제가있을 것입니다, 솔루션으로, 자신의 서버에 Customers_JSON.php 데이터를 복사하는 것입니다 : PHP 아약스 크로스 도메인 문제 최적의 솔루션입니다.
NG-응용 프로그램에 의해 정의 AngularJS와 응용 프로그램입니다. 의 <DIV>에서의 응용 프로그램 실행.
NG 컨트롤러 명령은 컨트롤러 객체의 이름을 설정합니다.
CustomersController 함수는 표준 자바 스크립트 객체 생성자입니다.
$ scope.names : 컨트롤러 객체는 속성이 있습니다.
$ http.get ()는 웹 서버에서 정적 JSON 데이터를 판독한다.
서버 데이터 파일 : http://www.w3big.com/try/angularjs/data/sites.php .
서버에서 JSON 데이터를로드 할 때, $ 배열로 scope.names.
이 코드는 또한 데이터베이스의 데이터를 판독하기 위해 사용될 수있다. |