AngularJS : 지시문의 하위 요소에 액세스

Question

기본 HTML을 가장 잘 나타내주고 자체 지시문을 사용하여 탭 상자를 만들고 싶습니다. 는이 같은 탭 상자의 코드를 작성하려면 :

<my-tab-box> 
    <my-tab label="Tab 1" active="true">Content 1</my-tab> 
    <my-tab label="Tab 2">Content 2</my-tab> 
</my-tab-box> 

같은 것으로 위의 코드를 변환해야 각도 : 나는 자식 요소에 액세스하는 방법을 모른다

<div class="tab-box"> 
    <ul> 
    <li class="active">Tab 1</li> 
    <li>Tab 2</li> 
    </ul> 
    <div class="content"> 
    Content 1 
    </div> 
</div> 

그러나 tab-box 지시문 내에서 tab-box입니다. 나는이 속성이 access="true" 인 자식 요소를 얻고 자식 내부의 HTML을 가져와 <div class="content"> 요소에 표시해야합니다.

어떻게 실현하나요? 각도 철학에 반대하고 있습니까?

감사합니다. 말테

Answer 1

가장 그 각도 - 부트 스트랩의 구현을보고 작업 할 수있는 방법을 볼 수 있습니다 요구 자녀의 지시에 주입 부모의 지시를 ("함으로써 https://github.com/angular-ui/bootstrap/blob/master/src/tabs/tabs.js

은 기본적으로 당신이 지시 협업 할 수 있습니다 : MyTabBox ')를 선택하십시오.

또한이 절을 이해해야합니다. 바로 그 시나리오도 각도의 개발자 가이드에 설명되어

: 항을 참조하여 지시에 https://docs.angularjs.org/guide/directive