Angular: [(ngModel)]은 λ°°μ—΄ μš”μ†Œμ— 바인딩할 수 μ—†μŠ΅λ‹ˆλ‹€(foo[0]).

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

<input type="text" [(ngModel)]="values[0]"> λŠ” μž…λ ₯ κ°’ λ³€κ²½ μ‹œ λͺ¨λΈμ„ μ—…λ°μ΄νŠΈν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

ν”ŒλŸ°μ»€: http://plnkr.co/edit/HOdOeLTwYzyNke3DTWOl?p=preview

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

λ³€ν™”

<input type="text" [(ngModel)]="values[0]"> => {{values}}

μ—κ²Œ

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

Angular 2λŠ” λ³΄κ°„μ—μ„œ 배열에 λ°”μΈλ”©λ˜μ§€ μ•Šκ³  λ°°μ—΄ λ‚΄μ˜ μš”μ†Œμ—λ§Œ λ°”μΈλ”©λ˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. DOM은 λ°”μΈλ”©λœ 속성이 변경될 λ•Œλ§Œ μ—…λ°μ΄νŠΈλ©λ‹ˆλ‹€. λ‚΄ 생각에 ν…œν”Œλ¦Ώμ— 일반 λ°°μ—΄ {{values}} 을 넣어도 λ³€κ²½ 감지가 νŠΈλ¦¬κ±°λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 수천 개의 객체가 μžˆλŠ” 배열을 상상해 λ³΄μ‹­μ‹œμ˜€. μ΄λŸ¬ν•œ 개체 쀑 ν•˜λ‚˜λ₯Ό λ³€κ²½ν•˜λ©΄ μ„±λŠ₯에 쒋지 μ•Šμ€ λ³€κ²½ 감지가 트리거될 수 μžˆμŠ΅λ‹ˆλ‹€.

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

λ³€ν™”

<input type="text" [(ngModel)]="values[0]"> => {{values}}

μ—κ²Œ

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

Angular 2λŠ” λ³΄κ°„μ—μ„œ 배열에 λ°”μΈλ”©λ˜μ§€ μ•Šκ³  λ°°μ—΄ λ‚΄μ˜ μš”μ†Œμ—λ§Œ λ°”μΈλ”©λ˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. DOM은 λ°”μΈλ”©λœ 속성이 변경될 λ•Œλ§Œ μ—…λ°μ΄νŠΈλ©λ‹ˆλ‹€. λ‚΄ 생각에 ν…œν”Œλ¦Ώμ— 일반 λ°°μ—΄ {{values}} 을 넣어도 λ³€κ²½ 감지가 νŠΈλ¦¬κ±°λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 수천 개의 객체가 μžˆλŠ” 배열을 상상해 λ³΄μ‹­μ‹œμ˜€. μ΄λŸ¬ν•œ 개체 쀑 ν•˜λ‚˜λ₯Ό λ³€κ²½ν•˜λ©΄ μ„±λŠ₯에 쒋지 μ•Šμ€ λ³€κ²½ 감지가 트리거될 수 μžˆμŠ΅λ‹ˆλ‹€.

Wooooppppps, 당신이 μ™„μ „νžˆ μ˜³μ•˜μŠ΅λ‹ˆλ‹€ @pe8ter , κ°μ‚¬ν•©λ‹ˆλ‹€! λ‚˜λŠ” (잘λͺ»λœ) 결둠을 λ‚΄λ Έλ‹€. λ‹€μ‹œν•œλ²ˆ.

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

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

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

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