MJR_III
그는 물었다 8년 전
114

어떻게 내 앙굴라리제스 로드하기에 json 으로 ng 모델?

나는 내가 생각하기에 아마 # 39, t, but I couldn& 매우 명백하네 질문에 답을 얻을 수 있습니다.

나는 그저 한 일부 JSON 데이터를 로드하기에 from my server 를 클라이언트입니다. 지금 사용하고 있는 정보기술 (it), JQuery 로드하기에 AJAX 호출 (코드 참조).

<script type="text/javascript">
var global = new Array();
$.ajax({
    url: "/json",
    success: function(reports){
        global = reports;
        return global;
        }
    });
</script>

이 위치는 html 파일. 하지만 문제는 지금까지 작동하잖아 I want to use 앙굴라이스. 반면, 난 이제 각 변수를 사용할 수 있는 전부 로드할 수 없습니다 그래서 각 루프지 붙여넣습니다 변수를 사용할 수 있습니다 이 것과 무관하지 않다., 대개 &quot, $ Scope&quot 있는 스이스 파일로 저장할 수 있습니다.

문제는 내가 다른 페이지의 코드를 붙여넣습니다 스이스 파일을 로드할 수 없습니다. 예를 들어 다음과 같은 모든 물건을 미디어만을 [email protected] 각도

function TodoCtrl($scope) {
  $scope.todos = [
    {text:'learn angular', done:true},
    {text:'build an angular app', done:false}];

따라서, 만약 내가 이 유용합니다. 이 모든 것을 직접 입력할 수 있으며, a) 만약 내가 내 모든 데이터가 어떤 b) 사전에 알지.

내가 don& # 39, t, t # 39 don& 사전에 알지 (데이터 동적입니다), I want to 유형: 거잖나.

그래서, AJAX 호출을 사용하여 이 때 각 시도는 해봤는데 변경하십시오 $ # 39, t 작동합니까 리소스에만 doesn& 것으로 보인다. 어쩌면 내가 can& t # 39, JSON 데이터를 얻을 수 있지는 않지만, 비교적 간단한 그림 아웃해야 요청.

  • I can& t get to work in 페이징됩니다 tl dr # 39, ajax 를 각 model.* 불러오시길 주문하십시오 외부 데이터
Kris Jenkins
그는 8년 전 댓글을 달았습니다
3

$ 리소스에는 사용하여 시도한 내용을 볼 수 있습니까? # 39 의 경우, 그래서 아마도 it& 노력해야 한다는 것이 가장 쉽게 도와 드릴 디버그입니다 iqn.

답변 3 개

크리스 언급 '$ 리소스에는 상호 작용할 수 있다' 서비스를 사용할 수 있습니다, 하지만 난 함께 여행을 시작하기 틀렸다니까 서버만을 내려받습니다 인상을 각도 - - 그래서 내가 직접 협력합니다 지난주 어딨었는데 추천합니까 최근 '$ http' 서비스를 시작할 예정이다. 이 경우 해당 'get' 연락할 수 있는 방법입니다.

이 경우 다음과 같은 JSON

[{ "text":"learn angular", "done":true },
 { "text":"build an angular app", "done":false},
 { "text":"something", "done":false },
 { "text":"another todo", "done":true }]

이렇게 불러올 수 있습니다.

var App = angular.module('App', []);

App.controller('TodoCtrl', function($scope, $http) {
  $http.get('todos.json')
       .then(function(res){
          $scope.todos = res.data;                
        });
});

'이' get a 객체에는 되돌려줍니다 약속하나요 하는 방법

        • 오류가 있는 첫 번째 성공을 콜백하는 인수가 콜백하는.

이 함수의 매개 변수로 '각도' $ 추가할 때 http 가 매직 이 '와' $ http 를 컨트롤러거 리소스에는 사용한다.

39, 여기에 참조용이므로 i& 투입하고 있습니다.

MJR_III
그는 8년 전 댓글을 달았습니다
0

너무 감사하고, I did 다니엘을 약간 다른 방법을 사용하여 린스테드리아우베이트 $ http 서비스. '코드' $ 하트피제 (& # 39, /json& # 39;) 이수세스 ( 함수 (대응) { = $ 스쿠페트르네브츠 응답. getData (); '코드'

흥미로운 것은 정말 지정하십시오. 다는일은, 약속하나요 오브ject.2 대해 자세히 확인하시겠습니까 iqn. I love the idea of it.

저는 그동안 기본적으로 다른 문제 때문에 ajax 요청을 끊임없이 &quot automagically&quot 호스팅하면서 루프 켜짐이 되나요;; 페이지 새로 고침. $ 시간초과를 날 위해 일하는 않았습니다.

Anoyz
그는 7년 전 댓글을 달았습니다
1

I believe res = $ 스코프스토도스 한다. 대신 레이다타스

jaime
그는 7년 전 댓글을 달았습니다
0

응답 객체에는 4 속성: '구성', '데이터', '헤더도' 와 '상태'. 데이터 '속성' 의 값을 그리웠댔지 있다.

S..
그는 6년 전 댓글을 달았습니다
1

달러 가치가 있어 스코프스토도스 = []; http 요청 전에 적어도 기본 구조를 가질 수 있으므로 빈 않기 따돌리기 위해 오류뿐만 in your 템플리트를.

Subho
그는 6년 전 댓글을 달았습니다
0

이 예는 있지만 제대로 작동합니다 파이어폭스, 크롬.

Jesse Chisholm
그는 5년 전 댓글을 달았습니다
1

re: '또는', '-' $ $ =, = res 스코프스토도스 스코프스토도스 레이다타 차이는 .즉 (응답) '또는' 가 '작성하든지 이수세스 (결과)' 이 '때' 레스폰지.다타 이수세스 '는' 전체 '대응' 중 '' .즉 주어질 수 있다.

39 의 단순한 예로 로드하기에 JSON 데이터를 분석하여 here& 어떻게 각도 모델이다.

I have a # 39, & # 39 JSON GET&. 한 온라인 고객 정보, 웹 서비스 목록을 반환하는 Microsoft& 복제본에 # 39 의 노스윈드 SQL 서버 데이터베이스.

http://www.iNorthwind.com/Service1.svc/getAllCustomers

이 중 일부 되돌려줍니다 JSON 데이터를 다음과 같습니다.

{ 
    "GetAllCustomersResult" : 
        [
            {
              "CompanyName": "Alfreds Futterkiste",
              "CustomerID": "ALFKI"
            },
            {
              "CompanyName": "Ana Trujillo Emparedados y helados",
              "CustomerID": "ANATR"
            },
            {
              "CompanyName": "Antonio Moreno Taquería",
              "CustomerID": "ANTON"
            }
        ]
    }

난 로렌아줌마가 .and 드롭다운하십시오 이 데이터를 다음과 같이 list 를 채울 수 있습니다.

! 각 스크린샷

I want to come 의 텍스트 각 항목의 &quot CompanyName"; 필드, 그리고 id 를 나온 &quot CustomerID"; 보다 작은 자연수이다.

내가 어떻게 하죠?

내 각 컨트롤러거 다시그것들을 다음과 같습니다.

function MikesAngularController($scope, $http) {

    $scope.listOfCustomers = null;

    $http.get('http://www.iNorthwind.com/Service1.svc/getAllCustomers')
         .success(function (data) {
             $scope.listOfCustomers = data.GetAllCustomersResult;
         })
         .error(function (data, status, headers, config) {
             //  Do some error handling here
         });
}

. 이 기능은 &quot listOfCustomers"; 이러한 일련의 JSON 데이터를 변수.

그럼 내 HTML 페이지를 I&; d # 39 이:

15 398 {{{000}}}

39 의 that& 및 it. 이제 우리 JSON 데이터를 웹 페이지에서 사용할 수 있는 상태로 목록을 참조.

이 열쇠는 () 은 ng-options&quot "; 태그:

customer.CustomerID as customer.CompanyName for customer in listOfCustomers

39 의 구문을 it& 이상한 전달하십시오 헤드입니다 수립하였습니다!

이 때, 이 목록에 항목을 사용자가 &quot $ scope.selectedCustomer"; 변수는 설정되었습니다 iqn 고객 ID (이 쿠스토메리드 기입란) 기록을 경신했다.

전체 이 예제의 스크립트를 여기에서 찾을 수 있습니다.

JSON 데이터를 통해 각

마이크

Mike Gledhill
CodyBugstein
그는 6년 전 댓글을 달았습니다
0

이게 실제로 작동합니까? 네 JSON 은 잘못된 (시동키는 않습니다를 따옴표로). # 39, t don& 확보하십시오 오류뿐만?

Mike Gledhill
그는 6년 전 댓글을 달았습니다
0

39, re 그러겄지 you& 죄송합니다. 난 당시 위의 스크린샷과 함께 추가 기능 우수 제슨비에프 에서 구글 크롬 설치 (JSON 을 아주 잘 볼 수 있도록 한 포맷되었을 방식). 그러나 예, JSON 을 (를) 내 웹 서비스는 유효함. 링크를 클릭하면 내 문서, 이 코드의 라이브 버전을 볼 수 있습니다.

ihappyk
그는 5년 전 댓글을 달았습니다
0

작동합니까? 데이터 해야 한다고 생각한다. 제갈쿠스토머스레술트

Mike Gledhill
그는 5년 전 댓글을 달았습니다
0

39, re 밀어버릴꺼에요 그러겄지, you& 들소네? 난 이미 웹 서비스를 포함, 이 결과, JSON 변경일 랩할 &quot GetAllCustomersResult&quot 도왔으매 그래, 이게 필요하다. # 39, ve 업데이트되도록 i& 코드 예제. 바빴잖아요

나는 다음과 같은 코드를 사용하여 볼 수 있는 인터넷 어디선가 don& 너희에게베풀어진 소스 어쨌든요 t # 39.

    var allText;
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function () {
        if (rawFile.readyState === 4) {
            if (rawFile.status === 200 || rawFile.status == 0) {
                allText = rawFile.responseText;
            }
        }
    }
    rawFile.send(null);
    return JSON.parse(allText);