firebase 데이터를 화면에 표시하는 방법

Question

firebase에서 가져온 데이터를 화면에 표시하는 가장 좋은 방법은 무엇입니까? 가장 좋은 방법은 JavaScript 나 해킹 또는 JSON.strinifying (최선의 방법이 아니면)을 사용하여 최선의 방법을 원합니다.

내가 코드 나 시도를 포함하지 않은 이유는 어떻게 해야할지를 알고 싶기 때문입니다. 모든 팁을 환영했습니다

Answer 1

얼마나 많은 데이터를 화면에 바인딩 할 것인지에 따라 어떤 종류의 프레임 워크를 사용하는 것이 좋습니다.

JSON 응답을 뷰에 바인딩하고이를 다른 요소에 바인딩하기 위해 분할하면 바닐라 JS를 사용하면 상당히 지루할 수 있습니다.

쉽게 구현하려면 jQuery와 같은 것으로 충분해야합니다.

일반적으로 어떤 Firebase 답장을 표시할지에 따라 조금 다릅니다.

전체 응답 표기법 인 JSON.stringify를 사용하는 것이 좋습니다. 하지만 일반적으로 JSON 응답의 속성에 저장된 정보를 표시하려고 할 것입니다.

그래서 이것이 당신의 응답 데이터입니다 가정

{ 
    property: 'Example sting I want to display' 
} 

그래서 당신은 당신의 중포 기지 응답 (의 당신이 data 변수에 응답 객체를 저장 한 가정하자)를 표시하고 전달하려는 속성 값을 선택을받을 jQuery의 .text() 함수.

jQuery('#exampleDiv').find('p').text(data.property); 

여기에는 p 태그가 포함 된 'exampleDiv'ID를 가진 div가 포함 된 예제 DOM이 있다고 가정합니다.

이 p 태그에는 이제 '표시하고 싶습니다.'라는 문자열이 포함됩니다.

이 방법은 여러 속성과 다른 html 태그로 쉽게 확장 할 수 있으므로 JSOn 응답의 경우 어떤 부분을 바인딩 할 것인지 자유롭게 선택할 수 있습니다.