자체 데이터 소스가있는 재사용 가능한 불씨 구성 요소

typeoneerror

<select>내 엠버 앱의 계층 구조에있는 모든 템플릿에 드롭 다운 기반 구성 요소를 놓을 수 있습니다.

사이트의 모든 기사 (모델) 목록이 표시됩니다. 이 구성 요소를 사용할 때마다 내가 속한 경로는 데이터를로드하고 템플릿에 전달해야합니다.

질문 : 구성 요소가 렌더링 될 때만이 데이터를 한 번만로드하려면 어떻게해야합니까?

또한 나는 이것을 읽고 있지만 아직 좋은 해결책을 찾지 못했습니다. 구성 요소가 데이터 소스를 제공하고 싶지만 눈살을 찌푸리는 것 같습니다.

내 구성 요소 사전 렌더링에서 ajax 요청을 수행하는 것이 끔찍할까요?

Sushant

데이터를 미리로드해야하는 경우를 사용하여 initializers이를 수행 할 수 있습니다. 이 데이터를 사용하고 원하는 경우 컨트롤러, 경로 또는 모두에 주입 할 수 있습니다. 이것은 유지 관리가 더 쉬운 방법입니다.

귀하의 경우에는 특정 컨트롤러에 기사가 삽입되도록 할 수 있습니다. 그런 다음 needs다른 필수 컨트롤러에서 사용하여 구성 요소 에이 컨트롤러 데이터를 사용 합니다.

이러한 방식으로 모든 구성 요소 인스턴스에 대해 데이터를 사용할 수 있습니다. 구성 요소 내부에 저장소 개체를 전달하는 것은 대부분 안티 패턴입니다 ( 사용 사례에 따라 다름 ) .

구성 요소는 데이터 수집의 골칫거리가 없어야하며 논리와 표현에 중점을 두어야합니다.

희망이 더에 대해 알고있는 경우 사용하는 방법 initializers을 수행 할 수 있습니다 여기에 그것을 발견

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

앱 구성 요소에서 재사용 가능한 테이블 셀 데이터에 액세스하는 방법

분류에서Dev

스위치 케이스를 사용하여 재사용 가능한 구성 요소 데이터 렌더링

분류에서Dev

부분 재사용이 가능한 Vue 구성 요소

분류에서Dev

재사용 가능한 React 테이블 구성 요소를 위해 JSON 객체를 분리하는 방법

분류에서Dev

불씨 데이터 모델을 구성 요소에 전달하고 이상한 결과를 얻음

분류에서Dev

가능한 연결이있는 동적 데이터베이스 구성 요소

분류에서Dev

인터페이스를 사용하는 생성자가있는 Angular 2 구성 요소

분류에서Dev

재사용 가능한 JavaScript 구성 요소 : 만드는 방법?

분류에서Dev

많은 수의 읽기 전용 (불변) 개체가있는 VueJS 구성 요소의 성능 문제

분류에서Dev

각도 구성 요소를 사용하여 API에서 날씨 데이터를 가져올 수 없습니다.

분류에서Dev

MVC로 재사용 가능한 UI 구성 요소 만들기

분류에서Dev

Meteor 재사용 가능한 구성 요소

분류에서Dev

재사용 가능한 구성 요소에 TextField 감싸기

분류에서Dev

AG-Grid React, 데이터 변경시 사용자 지정 셀 렌더러를 업데이트하는 데 문제가 있습니다. 함수 구성 요소는 클래스 구성 요소와 다르게 작동합니다.

분류에서Dev

녹아웃 3.2의 사용자 정의 구성 요소에서 관찰 가능한 업데이트

분류에서Dev

코드 변경없이 매우 재사용 가능한 반응 구성 요소 및 속성 만 사용

분류에서Dev

사용자가 기능 반응 구성 요소에서 터치 스크린을 사용할 때 버튼이있는 div 숨기기

분류에서Dev

Angular 8에 재사용 가능한 모달 구성 요소가 있습니다.

분류에서Dev

재사용 가능한 구성 요소가있는 라우터보기에서 Vue 전환이 작동하지 않습니다.

분류에서Dev

React-Hooks : 동적 콘텐츠로 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법

분류에서Dev

React-Hooks : 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법은 무엇입니까?

분류에서Dev

React-Hooks : 동적 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법은 무엇입니까?

분류에서Dev

@input을 사용하여 자식 구성 요소의 텍스트 영역 높이를 변경하려는 textarea 부모 구성 요소가 있습니다.

분류에서Dev

TouchableHighlight를 재사용 가능한 구성 요소로 사용하는 방법

분류에서Dev

관찰 가능한 개체가있는 녹아웃 구성 요소는 데이터를 업데이트하지 않습니다.

분류에서Dev

v 모델이있는 사용자 지정 스위치 구성 요소가 작동하지 않습니다.

분류에서Dev

스타일이 지정된 구성 요소가있는 React-slick 사용자 지정 화살표

분류에서Dev

프라임 페이스가있는 jsf 2 사용자 정의 복합 구성 요소

분류에서Dev

Alpine.js를 사용하여 반복 된 객체에 속성 또는 구성 요소 데이터를 추가하는 방법이 있습니까?

Related 관련 기사

  1. 1

    앱 구성 요소에서 재사용 가능한 테이블 셀 데이터에 액세스하는 방법

  2. 2

    스위치 케이스를 사용하여 재사용 가능한 구성 요소 데이터 렌더링

  3. 3

    부분 재사용이 가능한 Vue 구성 요소

  4. 4

    재사용 가능한 React 테이블 구성 요소를 위해 JSON 객체를 분리하는 방법

  5. 5

    불씨 데이터 모델을 구성 요소에 전달하고 이상한 결과를 얻음

  6. 6

    가능한 연결이있는 동적 데이터베이스 구성 요소

  7. 7

    인터페이스를 사용하는 생성자가있는 Angular 2 구성 요소

  8. 8

    재사용 가능한 JavaScript 구성 요소 : 만드는 방법?

  9. 9

    많은 수의 읽기 전용 (불변) 개체가있는 VueJS 구성 요소의 성능 문제

  10. 10

    각도 구성 요소를 사용하여 API에서 날씨 데이터를 가져올 수 없습니다.

  11. 11

    MVC로 재사용 가능한 UI 구성 요소 만들기

  12. 12

    Meteor 재사용 가능한 구성 요소

  13. 13

    재사용 가능한 구성 요소에 TextField 감싸기

  14. 14

    AG-Grid React, 데이터 변경시 사용자 지정 셀 렌더러를 업데이트하는 데 문제가 있습니다. 함수 구성 요소는 클래스 구성 요소와 다르게 작동합니다.

  15. 15

    녹아웃 3.2의 사용자 정의 구성 요소에서 관찰 가능한 업데이트

  16. 16

    코드 변경없이 매우 재사용 가능한 반응 구성 요소 및 속성 만 사용

  17. 17

    사용자가 기능 반응 구성 요소에서 터치 스크린을 사용할 때 버튼이있는 div 숨기기

  18. 18

    Angular 8에 재사용 가능한 모달 구성 요소가 있습니다.

  19. 19

    재사용 가능한 구성 요소가있는 라우터보기에서 Vue 전환이 작동하지 않습니다.

  20. 20

    React-Hooks : 동적 콘텐츠로 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법

  21. 21

    React-Hooks : 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법은 무엇입니까?

  22. 22

    React-Hooks : 동적 재사용 가능한 데이터 테이블 구성 요소를 만드는 방법은 무엇입니까?

  23. 23

    @input을 사용하여 자식 구성 요소의 텍스트 영역 높이를 변경하려는 textarea 부모 구성 요소가 있습니다.

  24. 24

    TouchableHighlight를 재사용 가능한 구성 요소로 사용하는 방법

  25. 25

    관찰 가능한 개체가있는 녹아웃 구성 요소는 데이터를 업데이트하지 않습니다.

  26. 26

    v 모델이있는 사용자 지정 스위치 구성 요소가 작동하지 않습니다.

  27. 27

    스타일이 지정된 구성 요소가있는 React-slick 사용자 지정 화살표

  28. 28

    프라임 페이스가있는 jsf 2 사용자 정의 복합 구성 요소

  29. 29

    Alpine.js를 사용하여 반복 된 객체에 속성 또는 구성 요소 데이터를 추가하는 방법이 있습니까?

뜨겁다태그

보관