2017-05-21 12 views
2

특히 상위 구성 요소와 하위 구성 요소는 무엇입니까? 모든 자습서와 문서가이 부분을 빗나가는 것을 싫어합니다. 각도 2 앱을 만들고 Am 구성 요소는 그러나 구성 요소간에 데이터를 전달하는 방법을 읽을 때 모든 참고 문헌에서 "자식/부모 구성 요소 상호 작용"을 참조합니다.이 경우 두 경우의 차이점을 알지 못하는 경우 잘 이해할 수 없습니다.각도 2의 하위 구성 요소와 상위 구성 요소의 차이점은 무엇입니까

답변

2

상위 구성 요소는 더 넓은 범위를 갖는 구성 요소이며 하위 구성 요소는 범위의 일부이지만 전체 구성 요소가 아닌 구성 요소입니다. 한 가지 예는 콘텐츠 영역 내에 도구 모음, 콘텐츠 영역 및 표가있는 html 페이지입니다.

우리가 의사 보면 그 모습 HTML :

<html> 
    <toolbar></toolbar> 
    <content> 
    <table></table> 
    </content> 
</html> 

이 보면 우리는 contentcontent에 형제입니다 tabletoolbar의 아이가 부모 구성 요소를 말한다.

의이 content는 그 다음 상위 구성 요소 (내용)에서 당신이 얻을하는 데 필요한 논리를 작성합니다 table에서 렌더링 아래로 통과하고자하는 일부 데이터를 가지고 있다고 가정 해 봅시다 그 HTML 템플릿 속성에 다음 변수에 바인딩 데이터 해당 변수를 table에 바인드하여 렌더링 할 수 있습니다. 다시

의사의 HTML :이 명확하고 부모 구성 요소가 하위 구성 요소에 대한 컨테이너처럼

+0

감사합니다. 간단하고 직접적인 설명을 주셨지만 "툴바는 콘텐츠의 형제 자매입니다" –

+0

콘텐츠와 동일한 수준이거나 형제 자매입니다. –

0

하는 데 도움이

<html> 
    <content> 
    <table [tableData]="contentData"></table> 
    </content> 
</html> 

희망. 하위 구성 요소는 상위 구성 요소 내부의보다 구체적인 부분입니다. 예는 PERSON 인 상위 구성 요소입니다. ARMS와 LEGS는 그것의 하위 구성 요소입니다.

관련 문제