-2

저는 하위 구성 요소로서 드롭 다운을 개발했으며 상위 구성 요소에서 그 하위를 사용하여 정상적으로 작동합니다. 여기서 하위 구성 요소는 드롭 다운이며 드롭 다운 값의 데이터는 get 메소드 (서비스 호출)에서 표시됩니다.angular2를 사용하는 다중 데이터 바인딩

동일한 상위 구성 요소에서 동일한 하위 구성 요소를 사용하려고하지만 드롭 다운 값이 달라 지므로 기본적으로 한 번 더 서비스 호출을해야합니다.

동일한 하위 구성 요소를 다시 사용하는 것처럼이 시나리오를 처리하는 방법을 설명 할 수 있지만 별도의 호출을하고 그에 따라 드롭 다운 값을 표시해야합니다.

답변

0

당신은 하나

  1. 부모로부터의 데이터의 목록을 가져올 수 Input을 가지고 드롭 구성 요소를 만들기 데이터

  2. 를 검색하기 위해 드롭 다운에 URL을 통과하는 Input를 갖는 수, 다음 인출을 할 부모의 데이터 및 검색된 데이터를 드롭 다운 구성 요소에 전달합니다.

+0

구성 요소 (내보내기 클래스)에서 @Input을 사용해 보았습니다. e 아래, 수출 클래스 selectdropdownComponent 구현 OnInit { @Input() value; 제목 : 문자열; 결과 : 배열 ; \t 생성자 ( \t 개인 _Service : 서비스) { \t \t \t} ngOnInit() { this.gettableList(); } gettableList() { this._Service.gettableList (this.value) \t \t \t .subscribe (=> = this.result 결과 결과); \t} 및 html (여기서 json 데이터의 이름은 keyname입니다.) – JOESHRA

+0

@JOESHRA 여기를 읽기가 어렵습니다. 질문을 업데이트 하시겠습니까? – RezaRahmati

관련 문제