2013-11-14 3 views
-1

Dropable div를 만들려고하지만 그 후에 ng-click에 문제가 있습니다. 요소에 dropable 지시문을 추가하면 해당 요소를 클릭하고 하위 요소는 작동하지 않습니다.AngularJs : ng-click이 dropable 지시어와 함께 작동하지 않습니다.

아무도 도와 주실 수 있습니까?

예제 코드가 있습니다. http://codepen.io/anon/pen/yaFvG (데모를 보려면 ng-click을 추가하십시오)

"Hi 0", "Hi 1"의 ng-click이 작동하지 않는 것을 볼 수 있습니다.

+0

대안으로 생각해보십시오. http://ganarajpr.github.io/angular-dragdrop/ – ganaraj

답변

3

droppable 지시어에 격리 된 범위를 지정했기 때문에 문제가 발생했습니다. 삭제할 경우

scope: {} 

이 적용됩니다.

+0

정말 대단 합니다만, 나는 아직도 이유를 모른다. 설명해 주시겠습니까? –

+1

범위 : {}가 지시문에 추가되면 제어기에서 격리 된 자체 범위가 있습니다. 모델 값을 전달할 수 있습니다. 여기에 대한 자세한 내용은 http://docs.angularjs.org/guide/directive – Rob

+0

에 있습니다. 양해 해 주셔서 감사합니다. –