접근 바인드합니다은

내가 AngularJS와의 오버레이 (또는 모달 창을) 만들려고하고 그리고 난 지금까지 HTML/CSS 레이아웃을 생성하고 간단이접근 바인드합니다은

<section class="calendar"> 
    <a open-overlay="overlay-new-calendar">Add New Calendar</a> 
</section> 



<section class="overlay overlay-new-calendar"> 
    <span class="bg"></span> 
    <form class="wrap"> 
     <header> 
      Add a New My Calendar 
     </header> 

     <div class="main"> 
      <label>Name<input type="text" required ng-model="newCalendar.calendar_name" /></label> 
      <label>Color<input type="text" required ng-model="newCalendar.calendar_color" /></label> 
     </div> 

     <footer> 
      <button type="submit">Add</button> 
      <a close-overlay="overlay-new-calendar">Cancel</a> 
     </footer> 
    </form> 
</section>

처럼 보이는 넣어 그래서 여기에 내가 앵커를 가지고있다 <a open-overlay="overlay-new-calendar">Add New Calendar</a> 어디 내가 직접 열고 오버레이 정확한 지침을 오버레이를주는 그 지시어로 attr로하고 싶습니다. 이제 나는이

fixEvents.directive('openOverlay', function() { 
    return function(scope, elem, attr) { 
     elem.bind('click', function() { 
      alert(attr.open-overlay); 
      $('.overlay-new-calendar').show(); 
     }); 
    } 
});

을 tryed 그러나 ATTR이 overlay-new-calendar를 반환 내가 얻을 수 없습니다. 또한 내가 어떻게 쇼를 할 수 있는지 jquery없이 누구인지 알고 : D 대단히 감사합니다, 대니얼!

출처

2013-10-14 Pacuraru Daniel

peterorum이 정확합니다.

는 그의 대답에 정교하게하려면 다음을 수행해야합니다

난 당신이 scope.newCalendar 어딘가에 정의했다고 가정합니다. scope.isNewCalendarOverlayVisible = false를 같은 위치에 정의하십시오.
오버레이를 여는 링크 또는 버튼의 속성으로 ng-click = "isNewCalendarOverlayVisible = true"를 추가하십시오.
오버레이에 ng-show = "isNewCalendarOverlayVisible"을 추가하십시오.

이 방법으로 오버레이가 해당 스코프 속성을보고 있는지 여부를 알 수 있습니다. 버튼을 클릭하면 해당 속성이 true로 변경되고 모달이 표시됩니다.

출처

2013-10-14 22:59:00

폼을 다시 숨길 준비가되면'isNewCalendarOverlayVisible = false'를 설정하십시오. – KayakDave

대단히 고마워,이 새로운 수준으로 날 데려 갔다 :) –