Angular.js: μžμ‹ μš”μ†Œλ₯Ό ν΄λ¦­ν•˜λ©΄ 자체 ng-clickκ³Ό λΆ€λͺ¨ μš”μ†Œλ„ νŠΈλ¦¬κ±°λ©λ‹ˆλ‹€.

에 λ§Œλ“  2013λ…„ 12μ›” 03일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: angular/angular.js

ng-click κ°€ μžˆλŠ” <div> κ°€ 있고 λ³„λ„μ˜ ng-click μžˆλŠ” <button> 내뢀에 μžˆλŠ” 경우 λ²„νŠΌμ„ ν΄λ¦­ν•˜λ©΄ ng-click ν•Έλ“€λŸ¬.

λ‚˜λŠ” 이것에 λŒ€ν•œ Igor의 κ³ λŒ€ PR을 μ°Ύμ•˜μ§€λ§Œ(#31 !) κ·Έκ°€ μΆ”κ°€ν•œ stopPropagation() κ·Έ 사이 μ–΄λ”˜κ°€μ—μ„œ μžƒμ–΄λ²„λ¦° 것 κ°™μŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” 이등뢄을 μ‹œλ„ν–ˆμ§€λ§Œ 1.2.3, master, 1.1.5, 1.1.3, 1.0.6 λ˜λŠ” 1.0.3μ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠλŠ”λ‹€λŠ” 것을 λ°œκ²¬ν–ˆμŠ΅λ‹ˆλ‹€. μœ„μ˜ PRμ—μ„œ master와 Igor의 컀밋을 μ΄λ“±λΆ„ν•˜λ €κ³  ν–ˆμ§€λ§Œ λ³€κ²½ 사항이 λ„ˆλ¬΄ μ˜€λž˜λ˜μ–΄(0.10.x) ν…ŒμŠ€νŠΈ 앱이 μ „ν˜€ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

Plunkr μ—μ„œ

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

클릭 이벀트의 ν•˜μœ„ div 에 $event.stopPropagation() μ½”λ“œλ₯Ό μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€.

λͺ¨λ“  9 λŒ“κΈ€

stopPropagation() 호좜이 1752c8c44a7058e974ef208e583683eac8817789에 μ˜ν•΄ 제거된 것 κ°™μŠ΅λ‹ˆλ‹€.

@tbosch μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜λŠ”μ§€ λ˜λŠ” 이 상황을 μ²˜λ¦¬ν•˜κΈ° μœ„ν•΄ μš°λ¦¬κ°€ ν•  수 μžˆλŠ” 일이 μžˆλŠ”μ§€ κ²°μ •ν•˜μ‹­μ‹œμ˜€.

쀑지λ₯Ό ν•΄μ œν•  방법이 μ—†κΈ° λ•Œλ¬Έμ— 기본적으둜 μ „νŒŒλ₯Ό 쀑지할 수 μ—†μŠ΅λ‹ˆλ‹€.

μ „νŒŒλ₯Ό μ€‘μ§€ν•˜μ§€ μ•ŠλŠ” μœ νš¨ν•œ μ‚¬μš© 사둀가 μžˆμŠ΅λ‹ˆλ‹€.
μ „νŒŒλ₯Ό μ€‘μ§€ν•˜λ©΄ μ „νŒŒλ₯Ό 쀑지할 수 μ—†μœΌλ―€λ‘œ μ΄λŸ¬ν•œ μ‚¬μš© 사둀가 더 이상 κ°€λŠ₯ν•˜μ§€ μ•Šκ²Œ λ©λ‹ˆλ‹€.

예:
"κ²Œμ‹œ" λ²„νŠΌμ΄ μžˆλŠ” ν•­λͺ© λͺ©λ‘μž…λ‹ˆλ‹€. ν•΄λ‹Ή ν•­λͺ© 쀑 ν•˜λ‚˜λ₯Ό ν΄λ¦­ν•˜λ©΄ ν•΄λ‹Ή ν•­λͺ©μ΄ μ„ νƒλœ ν•­λͺ©μœΌλ‘œ κ°•μ‘° ν‘œμ‹œλ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€. μ„ νƒλ˜μ§€ μ•Šμ€ ν•­λͺ©μ˜ "κ²Œμ‹œ" λ²„νŠΌμ„ λˆ„λ₯Έ κ²½μš°μ—λ„ λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€.

λ°”λ‘œ μ§€κΈˆ 이것이 κ°€λŠ₯ν•©λ‹ˆλ‹€. 이 νŽ‘ν¬λ₯Ό λ³΄μ‹­μ‹œμ˜€: http://plnkr.co/edit/jVIovi0L9Hgo1Bl9t72O?p=preview

μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜λ―€λ‘œ λ‹«μŠ΅λ‹ˆλ‹€.

클릭 이벀트의 ν•˜μœ„ div 에 $event.stopPropagation() μ½”λ“œλ₯Ό μΆ”κ°€ν•˜κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€.

@gomteshhatgine λͺ¨λ°”일 λ˜λŠ” ionicμ—μ„œ μž‘λ™ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. μžμ‹ ng-click도 νŠΈλ¦¬κ±°λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ‚΄ κ²½μš°μ—λŠ” @gomteshhatgine , μ—¬μ „νžˆ λΆ€λͺ¨κ°€ μˆ˜ν–‰ν•  λ•Œ νŠΈλ¦¬κ±°λ©λ‹ˆλ‹€. λ‹€λ₯Έ μ ‘κ·Ό 방법이 μžˆμŠ΅λ‹ˆκΉŒ?

@maceonrails λ‚˜λŠ” μ‹œλ„ν•˜μ§€ μ•Šμ€ λͺ¨λ°”일에 λŒ€ν•΄ λͺ¨λ₯Έλ‹€

@xenogew μž‘λ™ν•΄μ•Όν•©λ‹ˆλ‹€
μ½”λ“œ 쑰각을 κ³΅μœ ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

@gomteshhatgine κ°μ‚¬ν•©λ‹ˆλ‹€. μž‘λ™ν–ˆμŠ΅λ‹ˆλ‹€.

더 이상 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰