[x] Documentation issue or request
Lifecycle Hooks νμ΄μ§λ ngOnChanges()
λν΄ λ€μκ³Ό κ°μ΄ λ§ν©λλ€.
ngOnInit()
μ μ κ·Έλ¦¬κ³ νλ μ΄μμ λ°μ΄ν° λ°μΈλ©λ μ λ ₯ μμ±μ΄ λ³κ²½λ λλ§λ€ νΈμΆλ©λλ€.
ngOnInit()
:
μ²μ
ngOnChanges()
μ΄νμ [...] νΈμΆλ¨
κ΅¬μ± μμκ° μ
λ ₯μ μ 곡νμ§ μκ³ _μ¬μ©λλ κ²½μ° ngOnChanges()
κ° νΈμΆλμ§ _not_ ν΄λΉ μ€λͺ
μμ λͺ
ννμ§ μμ΅λλ€.
λ¬Έμλ ngOnChanges()
λμμ λν΄ λ λͺ
νν΄μΌ ν©λλ€. νΉν κ΅¬μ± μμμ μ
λ ₯μ΄ μ μΈλμμ§λ§ μ¬μ©λμ§ μμ κ²½μ° ngOnChanges()
λ ngOnInit()
μ μ νΈμΆλμ§ _μμ΅λλ€_
https://stackblitz.com/edit/angular-ngonchanges
λ¬Έμλ‘ νλ¨νλ©΄ μ
λ ₯μ΄ μλ κ΅¬μ± μμμ κ²½μ° ngOnChanges()
κ° μμ ν
νλ¦Ώ/κ΅¬μ± μμμμ μ¬μ©λμ§ μλ κ²½μ°μλ ngOnInit()
μ μ νμ ngOnChanges()
κ° λ¨Όμ νΈμΆλλ€λ μΈμμ λ°μ μ μμ΅λλ€.
μ΄λ ngOnChanges()
μμ κ΅¬μ± μμμ μμ λ
Όλ¦¬λ₯Ό 볡μ νλ κ²½μ° ngOnInit()
μ κ±°μ κ°μ΄ λͺ
ννμ§ μμ μ°λ°μ μ€λ₯λ‘ μ΄μ΄μ§ μ μμ΅λλ€.
μ΄κ² μμ μ λ₯Ό μ¬λ‘μ‘μμ΅λλ€.
λ¬Έμλ μ€μ λ‘ ngOnChangesκ° ngOnInit μ€νμ μꡬ μ¬νμΈ κ²μ²λΌ 보μ΄μ§λ§ λ°μ΄ν°κ° λ°μΈλ©λμ§ μμ κ²½μ° ngOnChangesκ° μ ν μ€νλμ§ μμ μλ μλ€λ μ μ λΆλͺ ν νμ§λ μμ΅λλ€. μ€μ λ‘λ νΈμΆλλ μμλ₯Ό λνλ΄λ κ²μΌ λΏμ΄λ©° μλ‘ κ΄λ ¨μ΄ μλμ§ μ¬λΆκ° νΈλ¦¬κ±°λμ§ μμ΅λλ€.
μ΄κ²μ μ 리νλ©΄ μ’μ κ²μ λλ€.
κ°μ₯ μ μ©ν λκΈ
μ΄κ² μμ μ λ₯Ό μ¬λ‘μ‘μμ΅λλ€.
λ¬Έμλ μ€μ λ‘ ngOnChangesκ° ngOnInit μ€νμ μꡬ μ¬νμΈ κ²μ²λΌ 보μ΄μ§λ§ λ°μ΄ν°κ° λ°μΈλ©λμ§ μμ κ²½μ° ngOnChangesκ° μ ν μ€νλμ§ μμ μλ μλ€λ μ μ λΆλͺ ν νμ§λ μμ΅λλ€. μ€μ λ‘λ νΈμΆλλ μμλ₯Ό λνλ΄λ κ²μΌ λΏμ΄λ©° μλ‘ κ΄λ ¨μ΄ μλμ§ μ¬λΆκ° νΈλ¦¬κ±°λμ§ μμ΅λλ€.
μ΄κ²μ μ 리νλ©΄ μ’μ κ²μ λλ€.