Question

사용자가 링크를 클릭 할 때 라이트 박스를 생성하려고합니다. 이 라이트 박스 코드 here을 사용하고 있습니다. 이 jsbin으로 작업하고 있습니다.

내가 여기에이 코드가 있습니다

<button ng-click="add_overlay()">Button</button> 
<div class="lightbox" ng-lightbox='{"trigger": "manual"}' id="lightbox"> 
    <h1>This is some content</h1> 
</div> 

내가에 추가하여 생각이 클릭에 표시 할 오버레이를 호출 NG를 클릭했지만 작동하지 않는 것 같습니다. 나는 어떤 각도로도 대처할 수 없으므로 일반적으로 도움이 될 것입니다. 클릭하면 라이트 박스를 어떻게 만들 수 있습니까?

Answer 1

먼저 add_overlay()은 ngLightbox 지시어를 벗어나 액세스 할 수 없으므로 Angular는 해당 방법이 ng-click의 컨텍스트에 있는지 잘 모릅니다.

두 가지 버전의 각도 소스 1.2.1 및 1.0.7도 사용하고 있습니다. 설정,

var defaults = { 
    'class_name': false, 
    'trigger': 'manual', 
    'element': element[0], 
    'kind': 'normal' 
} 

그래서 : 당신이 각-라이트 소스를 보면

, 당신은 당신이 라이트를하고자하는 요소에 적용 할 제공 할 수 있도록, 재정의-수 defaults 객체를 볼 수 있습니다

<button ng-lightbox='{"trigger": "manual", "element": "lightbox"}'>Button</button> 

Here's a working demo :이처럼 버튼까지, 의도 된 요소를 지정.