Angular: svg λͺ¨μ–‘μ˜ 클래슀 μ†μ„±μœΌλ‘œ 보간({{}})ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 05μ›” 27일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: angular/angular

  • μ œμΆœν•©λ‹ˆλ‹€...
  • [x] 버그 λ³΄κ³ μ„œ
  • [ ] κΈ°λŠ₯ μš”μ²­
  • [ ] 지원 μš”μ²­ => 지원 μš”μ²­μ„ 여기에 μ œμΆœν•˜μ§€ λ§ˆμ‹­μ‹œμ˜€. 이 ν…œν”Œλ¦Ώ μƒλ‹¨μ˜ μ°Έκ³  사항을 μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€.

ν˜„μž¬ 행동
λ™μΌν•œ μš”μ†Œμ— [ngClass]=""κ°€ ν¬ν•¨λ˜μ–΄ μžˆμ§€ μ•ŠμœΌλ©΄ svg λͺ¨μ–‘μ˜ 클래슀 μ†μ„±μœΌλ‘œ 보간({{}})ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

μ˜ˆμƒ/μ›ν•˜λŠ” 행동
μž„μ˜μ˜ ν…μŠ€νŠΈλ₯Ό λͺ¨λ“  μš”μ†Œμ˜ 클래슀 μ†μ„±μœΌλ‘œ λ³΄κ°„ν•˜λŠ” 것이 κ°€λŠ₯ν•΄μ•Ό ν•©λ‹ˆλ‹€([ngClass]="" 포함 λ˜λŠ” μ œμ™Έ).

  • ν˜„μž¬ λ™μž‘μ΄ 버그인 경우 μž¬ν˜„ 단계λ₯Ό μ œκ³΅ν•˜κ³  κ°€λŠ₯ν•œ 경우 λ‹€μŒμ„ 톡해 λ¬Έμ œμ— λŒ€ν•œ μ΅œμ†Œν•œμ˜ 데λͺ¨λ₯Ό μ œκ³΅ν•˜μ‹­μ‹œμ˜€.
    μ—¬κΈ°μ—μ„œ μž¬ν˜„:
    https://plnkr.co/edit/mVe6NH?p=preview
  • μ˜ˆμƒλ˜λŠ” λ™μž‘μ€ λ¬΄μ—‡μž…λ‹ˆκΉŒ?
    'red' ν΄λž˜μŠ€κ°€ 적용된 κ²°κ³Ό h1뿐만 μ•„λ‹ˆλΌ 두 쀄 λͺ¨λ‘ λΉ¨κ°„μƒ‰μœΌλ‘œ λ³€ν•΄μ•Ό ν•©λ‹ˆλ‹€.
  • 행동을 λ°”κΎΈλŠ” 동기/μ‚¬μš© μ‚¬λ‘€λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ?
    .. 세상에 μ§ˆμ„œκ°€ μžˆμ–΄μ•Ό 함 Β―_(ツ)_/Β―
  • κ·€ν•˜μ˜ ν™˜κ²½μ— λŒ€ν•΄ μ•Œλ €μ£Όμ‹­μ‹œμ˜€.
  • 각도 버전: 2.0.0-rc1
  • λΈŒλΌμš°μ €: [ 크둬 50 | νŒŒμ΄μ–΄ν­μŠ€ 34 | μ‚¬νŒŒλ¦¬ 9.0.3 ]
  • μ–Έμ–΄: [νƒ€μž…μŠ€ν¬λ¦½νŠΈ]

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

SVGλ₯Ό μ‚¬μš©ν•˜μ—¬ 속성에 바인딩해야 ν•©λ‹ˆλ‹€(예: [attr.class]="color" ).

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

SVGλ₯Ό μ‚¬μš©ν•˜μ—¬ 속성에 바인딩해야 ν•©λ‹ˆλ‹€(예: [attr.class]="color" ).

κ·Έ νŒμ„ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€ - 그것은 맀λ ₯처럼 μž‘λ™ν•©λ‹ˆλ‹€!

κ·ΈλŸ¬λ‚˜ λ‚΄κ°€ 이 λͺ¨μˆœλœ κ²ƒμ²˜λŸΌ λ³΄μ΄λŠ” 것에 λ†€λΌλŠ” 일이 λ§ˆμ§€λ§‰μ΄ 아닐 κ²ƒμœΌλ‘œ μ˜ˆμƒν•©λ‹ˆλ‹€. 각도 λ¬Έμ„œμ—μ„œ svg에 κ΄€ν•œ νŠΉλ³„ κ·œμΉ™μ„ μ°ΎλŠ” 데 μ•½κ°„μ˜ μ‹œκ°„μ„ λ³΄λƒˆμ§€λ§Œ λΉˆμ†μœΌλ‘œ λ‚˜μ™”μŠ΅λ‹ˆλ‹€. λ‚΄κ°€ λ†“μΉœ 게 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

이 λ¬Έμ œλŠ” ν™œλ™μ΄ μ—†μ–΄ μžλ™μœΌλ‘œ μž κ²ΌμŠ΅λ‹ˆλ‹€.
μœ μ‚¬ν•˜κ±°λ‚˜ κ΄€λ ¨λœ λ¬Έμ œκ°€ λ°œμƒν•˜λ©΄ μƒˆ 문제λ₯Ό μ œμΆœν•˜μ‹­μ‹œμ˜€.

μžλ™ λŒ€ν™” 잠금 μ •μ±… 에 λŒ€ν•΄ μžμ„Ένžˆ μ•Œμ•„λ³΄μ„Έμš”.

_이 μž‘μ—…μ€ 봇에 μ˜ν•΄ μžλ™μœΌλ‘œ μˆ˜ν–‰λ˜μ—ˆμŠ΅λ‹ˆλ‹€._

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