Ember JS 날짜 선택 도구에서 날짜를 선택하면 버튼 구성 요소의 색상과 제목이 변경됩니다.

Question

날짜 선택 도구와 버튼이라는 두 가지 구성 요소가있는 웹 응용 프로그램이 있습니다.

날짜 선택 도구에서 날짜를 선택할 때 단추의 제목과 색이 변경되어야합니다.

{{bootstrap-datepicker value=expiresAt todayHighlight=true todayBtn=true startDate=startDate changeDate="changeDateAction" autoclose=true}} 
{{button-custom title="Previous Date" startDate=startDate status=1 id="button1"}} 

버튼 - 사용자 정의 날에 의해 생성됩니다

이 두 가지 구성 요소가 주어진다 내 HBS 코드입니다.

날짜를 선택하면 datePicker의 changeDateAction() 함수가 호출됩니다. 버튼 컴포넌트의 컨트롤러에 changeValues ​​()라는 함수가 있습니다.이 함수는 호출 될 때 내 작업을 수행합니다.

다른 파일에있는 changeDateAction()에서 changeValues ​​() (button-custom.js에 있음)를 어떻게 호출 할 수 있습니까?

나는 Ember JS의 초심자이므로 최대한 간단하게 작성하십시오. 미리 감사드립니다.

Answer 1

형제 구성 요소의 변경 사항 (bootstrap-datepicker)을 구성 요소 (button-custom)에 알리고 싶습니다. 부모 컴포넌트/컨트롤러에게 변경 사항을 알리는 액션 핸들러 (changeDateAction)를 이미 설정했습니다. 이처럼

{{bootstrap-datepicker changeDate="changeDateAction" (...)}} 
{{button-custom title=title color=color (...)}} 

당신은에서 버튼의 모양을 제어 할 수 있습니다 : 당신이 그것을 아래로 달성하고 싶은button-custom에 해당 변경 사항을 전파하기 위해, 난 그냥 효과를 전달하는 게 좋을 것 변경하려면 title 및 color을 수정하십시오. 마찬가지로 로직은 상위 컴포넌트/컨트롤러로 이동하고 버튼 컴포넌트는 "멍청한"프레젠테이션 구성 요소가됩니다.

이 뒤에 기본 개념이라고 "데이터 아래, 작업까지"(DDAU), 그리고 내가보기 엔 (예를 here 당신은 엠버 배우고 경우에 최대 읽을 것을 권 해드립니다!