요약 : 일부 프런트 엔드 사용 사례를 볼 때, 그래서 다시 내가 조금 공부를 참조 슬롯이 이해할 수에 이르면 학습의 이해로, 결과가 방법을 이해하지 않는 슬롯 범위 느낌을 명중, 슬롯-scope 속성을 참조
첫 번째 슬롯 : 서브 어셈블리 슬롯 라벨을 교체하는 내용의 하위 요소로 쓰여진 부모 구성 요소 태그
. 1 // 아버지 2 <템플릿> . 3 <DIV 클래스 = "아버지"> . 4 <아이> . 5 <div> 태그의 내용 </ DIV> 하위 어셈블리로 작성 // 태그, 라벨 슬롯 서브 어셈블리를 교체합니다. .... 여기서 텍스트 일 수 있고, 작은 라벨이 될 수있다하는 <템플릿> 일 수있다 . 6 </ 어린이> . 7 </ div> . 8 <템플릿> . (9) (10) // 어린이 . 11 <템플릿> 12 인 <div 클래스 = "자식"> (13)는 <슬롯> </ 슬롯> 부모 성분 함유량에 의해 제공된 소켓 조립체 // 예약 공간, 14 </ div> 15 <템플릿> 16 . 17 // 합성 18<div 클래스 = "아버지"> // 부모 구성 요소 . 19 <div 클래스 = "어린이"> // 조립체 20 <div> 태그의 내용 </ div> // 바꾸는 슬롯 (21)은 </ div> 22 </ DIV>
상기 콘텐츠는 슬롯 조립품 헤드 스페이스 복수 제조 할 수있다 슬롯의 방법이다 :
// 슬롯에 삽입되도록 지정된 <div 슬롯 = "슬롯 1"> 태그의 내용. 1 </ div> <div = 슬롯 "슬롯 2"> 태그의 내용이 </ div> //이 슬롯라는 <슬롯 이름 = "슬롯 1"> </ 슬롯> <NAME = 슬롯 "슬롯 2"> </ 슬롯>
슬롯 범위는 데이터 전송과 같은 소품 감지에 사용되는, 상대적으로 복잡
장면 설명을 제공합니다 :
교사 설문 조사 분석 보고서 할 필요가 (A : 부모 구성 요소를보고 : 표시부)
학생들이 수행하는 그는 빈 왼쪽 B 양식 및 통계 (B : 하위 구성 요소, 양식 통계 : 표시 부분)
요구 사항, 마지막 줄이 표에 기입 분석 결론을 비어 (빈 : 슬롯, 분석 결론 : 태그의 내용)
한편, B는 결론을 작성하는 통계 제공 (통계적 결과 : 데이터 부성분 반환)
// 상위 구성 요소 <템플릿> <DIV 클래스 = "아버지"> // 교사의 보고서 <아이> // 학생 B 양식 <DIV 슬롯 범위 = "응답"> // 교사 결론 통계 결과 : {{응답. }} 데이터 </ DIV> </ 아이> </ DIV> </ 템플릿> // 서브 어셈블리 <템플릿> <DIV 클래스 = "아이"> // 학생 테이블 B <슬롯 : 데이터 = "결과" > </ 홈> // 교사 결론 </ DIV> </ 템플릿>
해석, 일 슬롯 조립체 상상 조립체는 일 컴포넌트에 데이터를 송신 할 수있다
모든 하위 구성 요소 뒤에있는 슬롯의 이름이 전체 개체에 대한 슬롯 범위와 태양의 구성 요소, 일 구성 요소에 데이터 객체로 포장되기 때문에 여기서 다시 한 일 구성 요소는 소품을 쓰지 않는다
<DIV 슬롯 범위 = "XXX">
{{xxx.info.name}}的学校是{{xxx.school.name}}
</ DIV>
<슬롯 : 정보 = "사람"학교 = "학교"> </ 슬롯>