Angular: [(ngModel)] рд╕рд░рдгреА рддрддреНрд╡реЛрдВ рд╕реЗ рдЖрдмрджреНрдз рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ (foo[0])

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдЬрдире░ 2016  ┬╖  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]}}

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреЛрдгреАрдп 2 рдЕрдкрдиреЗ рдкреНрд░рдХреНрд╖реЗрдк рдореЗрдВ рдХрд┐рд╕реА рд╕рд░рдгреА рд╕реЗ рдирд╣реАрдВ рдмрдВрдзреЗрдЧрд╛, рдХреЗрд╡рд▓ рд╕рд░рдгреА рдХреЗ рднреАрддрд░ рдХреЗ рддрддреНрд╡ред DOM рддрднреА рдЕрдкрдбреЗрдЯ рд╣реЛрддрд╛ рд╣реИ рдЬрдм рдмрд╛рдЙрдВрдб рдкреНрд░реЙрдкрд░реНрдЯреАрдЬ рдмрджрд▓рддреА рд╣реИрдВред рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ рдХрд┐ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ рдПрдХ рд╕рд╛рджрд╛ рд╕рд░рдгреА {{values}} рдбрд╛рд▓рдиреЗ рд╕реЗ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓рддрд╛ рд╣реИред рд╣рдЬрд╛рд░реЛрдВ рд╡рд╕реНрддреБрдУрдВ рдХреЗ рд╕рд╛рде рдПрдХ рд╕рд░рдгреА рдХреА рдХрд▓реНрдкрдирд╛ рдХрд░реЗрдВред рдЙрди рд╡рд╕реНрддреБрдУрдВ рдореЗрдВ рд╕реЗ рдХрд┐рд╕реА рдПрдХ рдХреЛ рдмрджрд▓рдиреЗ рд╕реЗ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдкрддрд╛ рдЪрд▓ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдкреНрд░рджрд░реНрд╢рди рдХреЗ рд▓рд┐рдП рдЦрд░рд╛рдм рд╣реЛрдЧрд╛ред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдкрд░рд┐рд╡рд░реНрддрди

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

рдкреНрд░рддрд┐

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

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреЛрдгреАрдп 2 рдЕрдкрдиреЗ рдкреНрд░рдХреНрд╖реЗрдк рдореЗрдВ рдХрд┐рд╕реА рд╕рд░рдгреА рд╕реЗ рдирд╣реАрдВ рдмрдВрдзреЗрдЧрд╛, рдХреЗрд╡рд▓ рд╕рд░рдгреА рдХреЗ рднреАрддрд░ рдХреЗ рддрддреНрд╡ред DOM рддрднреА рдЕрдкрдбреЗрдЯ рд╣реЛрддрд╛ рд╣реИ рдЬрдм рдмрд╛рдЙрдВрдб рдкреНрд░реЙрдкрд░реНрдЯреАрдЬ рдмрджрд▓рддреА рд╣реИрдВред рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ рдХрд┐ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ рдПрдХ рд╕рд╛рджрд╛ рд╕рд░рдгреА {{values}} рдбрд╛рд▓рдиреЗ рд╕реЗ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓рддрд╛ рд╣реИред рд╣рдЬрд╛рд░реЛрдВ рд╡рд╕реНрддреБрдУрдВ рдХреЗ рд╕рд╛рде рдПрдХ рд╕рд░рдгреА рдХреА рдХрд▓реНрдкрдирд╛ рдХрд░реЗрдВред рдЙрди рд╡рд╕реНрддреБрдУрдВ рдореЗрдВ рд╕реЗ рдХрд┐рд╕реА рдПрдХ рдХреЛ рдмрджрд▓рдиреЗ рд╕реЗ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдкрддрд╛ рдЪрд▓ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдкреНрд░рджрд░реНрд╢рди рдХреЗ рд▓рд┐рдП рдЦрд░рд╛рдм рд╣реЛрдЧрд╛ред

Wooooppppps, рдЖрдк рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА рд╣реИрдВ @ pe8ter , рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВ (рдЧрд▓рдд) рдирд┐рд╖реНрдХрд░реНрд╖ рдкрд░ рдкрд╣реБрдВрдЪ рдЧрдпрд╛ рд╣реВрдВред рдлрд┐рд░ рд╕реЗ Thnxред

рдирд┐рд╖реНрдХреНрд░рд┐рдпрддрд╛ рдХреЗ рдХрд╛рд░рдг рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЕрдкрдиреЗ рдЖрдк рд▓реЙрдХ рд╣реЛ рдЧрдИ рд╣реИред
рдпрджрд┐ рдЖрдк рд╕рдорд╛рди рдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред

рд╣рдорд╛рд░реА рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд╡рд╛рд░реНрддрд╛рд▓рд╛рдк рд▓реЙрдХрд┐рдВрдЧ рдиреАрддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдкрдврд╝реЗрдВред

_рдпрд╣ рдХреНрд░рд┐рдпрд╛ рдХрд┐рд╕реА рдмреЙрдЯ рджреНрд╡рд╛рд░рд╛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдХреА рдЧрдИ рд╣реИред_

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

deepakgd picture deepakgd  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mohsen1 picture mohsen1  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

igorzg picture igorzg  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

wardbell picture wardbell  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

lsim picture lsim  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ