angularjs를 사용하는 다층 시각적 요소의 구성

Question

angularjs를 사용하여 사용자 정의 위젯을 만들고 싶습니다. 내 문제는 내 위젯을 느슨하게 연결할 수 있기를 원한다는 것이다.

• 그래픽 회
• argument로 스피너를 취 진행 위젯 : 내 경우

  , 나는 두 가지 수준의 구성 요소를 구축하고 싶습니다. '때 있도록하는'와이어 '함께 두 개의 구성 요소를

  <gh:progress data="progress"> 
      <gh:spinner .... options ....> </gh:spinner> 
  </gh:progress> 
  

  어떻게 든 수 : http://jsfiddle.net/Byg6W/

  나는이 같은 진행 위젯을 작성하고자하는 -

나는 스피너를 구축 데이터 업데이트 '를 선택하면 자동으로 gh : 회 전자로 피드됩니다. gh : spinner에 대한 모든 옵션을 gh에 넣는 것입니다. 진행

<gh:progress data="progress" .... options ....></gh:progress> 

을 입력 한 다음 템플릿을 사용합니다.

미리 감사드립니다.

Answer 1

gh : spinner가 호출하는 gh : progress 지시문에 컨트롤러를 만들 수 있습니다. gh : 스피너는 require : 속성을 통해이 컨트롤러에 요청함으로써이 컨트롤러를 링크에 삽입 할 수 있습니다. 여기서, 당신은 부모 요소에 컨트롤러를 찾기 위해 그것을 요구하기 위해 ^를 사용할 것입니다.

http://docs.angularjs.org/guide/directive에 대한 요구 : 사양을 참조하십시오.

angularjs.org 홈 페이지의 하단에있는 탭 예제를 확인하여 실제로 사용 중인지 확인하십시오. 여기에서 창 지시문에는 부모 탭의 컨트롤러가 필요하므로 등록 할 수 있고 탭이 탭을 전환하도록 제어 할 수 있습니다.