νμ¬ νλ
λμΌν μμμ [ngClass]=""κ° ν¬ν¨λμ΄ μμ§ μμΌλ©΄ svg λͺ¨μμ ν΄λμ€ μμ±μΌλ‘ 보κ°({{}})ν μ μμ΅λλ€.
μμ/μνλ νλ
μμμ ν
μ€νΈλ₯Ό λͺ¨λ μμμ ν΄λμ€ μμ±μΌλ‘ 보κ°νλ κ²μ΄ κ°λ₯ν΄μΌ ν©λλ€([ngClass]="" ν¬ν¨ λλ μ μΈ).
SVGλ₯Ό μ¬μ©νμ¬ μμ±μ λ°μΈλ©ν΄μΌ ν©λλ€(μ: [attr.class]="color"
).
κ·Έ νμ μ£Όμ μ κ°μ¬ν©λλ€ - κ·Έκ²μ 맀λ ₯μ²λΌ μλν©λλ€!
κ·Έλ¬λ λ΄κ° μ΄ λͺ¨μλ κ²μ²λΌ 보μ΄λ κ²μ λλΌλ μΌμ΄ λ§μ§λ§μ΄ μλ κ²μΌλ‘ μμν©λλ€. κ°λ λ¬Έμμμ svgμ κ΄ν νΉλ³ κ·μΉμ μ°Ύλ λ° μ½κ°μ μκ°μ 보λμ§λ§ λΉμμΌλ‘ λμμ΅λλ€. λ΄κ° λμΉ κ² λ¬΄μμ λκΉ?
μ΄ λ¬Έμ λ νλμ΄ μμ΄ μλμΌλ‘ μ κ²Όμ΅λλ€.
μ μ¬νκ±°λ κ΄λ ¨λ λ¬Έμ κ° λ°μνλ©΄ μ λ¬Έμ λ₯Ό μ μΆνμμμ€.
μλ λν μ κΈ μ μ± μ λν΄ μμΈν μμ보μΈμ.
_μ΄ μμ μ λ΄μ μν΄ μλμΌλ‘ μνλμμ΅λλ€._
κ°μ₯ μ μ©ν λκΈ
SVGλ₯Ό μ¬μ©νμ¬ μμ±μ λ°μΈλ©ν΄μΌ ν©λλ€(μ:
[attr.class]="color"
).