2013-09-23 2 views
0

다음 코드는 선택한 탭을 기반으로 선택을 채 웁니다. 내 질문에 어떻게 api 또는 그냥 외부 소스를 통해 선택 옵션을로드하여 이렇게 할 수 있습니까? 은 $ HTTP 서비스
http://code.angularjs.org/1.0.8/docs/api/ng.$http에 대한 AngularJS와의 설명서각도 선택한 탭을 기준으로 동적으로 옵션 선택로드

Plunker

+0

그럼 당신은 몇 가지 JSON을 얻기 위해 각도에서'$ http' 서비스를 사용할 수 있습니다 - 당신이 언급하고 있다는 점이다? –

+0

나는 메커니즘 ($ http | restangular | ...)을 정확히 묻는 것이었다. – dre

+0

목적은 당신이 메커니즘을 알고 있었는지, 어떻게 사용 하는지를 확인하는 것이었다. 만약 당신이 이미 친숙했다면 아무 것도 없다. 그것을 설명 할 필요가 있습니다 (때로는 질문자가 이미 주어진 기법을 알고 있지만 상황 등에서는 효과가 없을 수도 있습니다). 당신이 달성하려고하는 것에 대한 실제 $ http 예제가 필요합니까, 아니면받은 다른 대답으로 충분합니까? –

답변

3

외부 API에서 선택 항목 채우기도 마찬가지입니다. 컨트롤러가 들어가면 옵션이 없어지거나 (또는 ​​컨트롤러가 초기화되기 전에 해결해야 함) 해당 범위 변수를 select에 바인딩합니다. 나는. 컨트롤러에서

:

module.controller...function(scope, service) { 

    scope.selectOptions = []; 

    service.get().then(function(response){ 
    scope.selectOptions = response.data; 
    }); 

} 

뷰에서 :

<select ng-model="selectedDocument" ng-options="option.name for option in selectOptions"></select> 
0

체크 아웃.

이를 사용하여 입력에 응답 할 수있는 내부 (또는 외부) 웹 서비스 (선택된 탭 ID 임)를 적절한 JSON 응답으로 호출 할 수 있습니다.

자바 스크립트에서 해당 값을 선행 적으로로드하거나 해당 탭을 클릭 할 때 필요에 따라로드 할 수 있습니다.

관련 문제