Ember.js: рдЗрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ред рд╕рдВрдХреНрд░рдордгрдореЙрдбрд▓ рд▓реЛрдб рдХрд░рдирд╛ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 22 рджрд┐рд╕ре░ 2013  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: emberjs/ember.js

рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдЬрд╛рдирдмреВрдЭрдХрд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╡реНрдпрд╡рд╣рд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рд╕рдордЭрд╛рдПрдВред рдпрджрд┐ рдореИрдВ рдПрдХ рдРрд╕реЗ рдорд╛рд░реНрдЧ рдкрд░ рд╕рдВрдХреНрд░рдордг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдЬрд┐рд╕рдореЗрдВ рдЧрддрд┐рд╢реАрд▓ рдЦрдВрдб рд╣реЛрддреЗ рд╣реИрдВ рддреЛ рдЧрдВрддрд╡реНрдп рдорд╛рд░реНрдЧ рдкрд░ рдореЙрдбрд▓ рд╡рд┐рдзрд┐ рдХрднреА рдирд╣реАрдВ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИред рдЕрдирд┐рд╡рд╛рд░реНрдп рд░реВрдк рд╕реЗ рдореИрдВ рд╕рд┐рд░реНрдл рдПрдХ рдЖрдИрдбреА рдХреЗ рд╕рд╛рде рдПрдХ рдкреИрд░рд╛ рд╕реЗ рдЧреБрдЬрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдореИрдВ рдЕрднреА рднреА рд╕рд╣реА рдореЙрдбрд▓ рд▓реЛрдб рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред

рдпрджрд┐ рдореИрдВ рдкреГрд╖реНрда рдХреЛ рд╕рд╣реА рдпреВрдЖрд░рдПрд▓ рдХреЗ рд╕рд╛рде рд░реАрдлреНрд░реЗрд╢ рдХрд░рддрд╛ рд╣реВрдВ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореЙрдбрд▓ рдареАрдХ рд▓реЛрдб рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рдореИрдВрдиреЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдХреЛрдбрдкреЗрди рдПрдХ рд╕рд╛рде рд░рдЦрд╛ред

http://codepen.io/anon/pen/LsfhB

рд╡рд░реНрддрдорд╛рди рд╕рдВрд╕реНрдХрд░рдг рдХрдВрд╕реЛрд▓ рдкрд░ рд▓реЙрдЧ рдЖрдЙрдЯ рдХрд░реЗрдЧрд╛ "рдореИрдВ рдпрд╣рд╛рдБ рд╣реВрдБред" рдпрджрд┐ рдЖрдк рдЗрдВрдбреЗрдХреНрд╕ рд░реВрдЯ рдХреЛ рджреЗрдЦрддреЗ рд╣реИрдВ рддреЛ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ рд╕рдВрдХреНрд░рдордг рд╣реИред рдпрджрд┐ рд╡рд╣ рд╕рдХреНрд╖рдо рд╣реИ рддреЛ "рдореИрдВ рдпрд╣рд╛рдБ рд╣реВрдБ" рдХрднреА рднреА рдЯреНрд░рд┐рдЧрд░ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╣реИ? рдпрджрд┐ рд╣рд╛рдВ, рддреЛ рдореБрдЭреЗ рдкреБрд╖реНрдЯрд┐рдХрд░рдг рдорд╛рд░реНрдЧ рдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдореЙрдбрд▓ рдХрд╣рд╛рдВ рд▓реЛрдб рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрджрд┐ рдЖрдк рдЯреНрд░рд╛рдВрдЬрд╝рд┐рд╢рди рдХреЛ this.transitionTo('confirm', 1); рдмрджрд▓рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдЖрдкрдХреА рдЕрдкреЗрдХреНрд╖рд╛ рдХреЗ рдЕрдиреБрд░реВрдк рдХрд╛рдо рдХрд░реЗрдЧрд╛ред

рдЖрдИрдЖрдИрдЖрд░рд╕реА рдпрджрд┐ рдЖрдк рдПрдХ рдкреВрд░реНрдг рдореЙрдбрд▓ рдХреЗ рдмрдЬрд╛рдп рд╕рдВрдХреНрд░рдордг рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рдЗрдореЗрдЯрд┐рд╡ (рд╕реНрдЯреНрд░рд┐рдВрдЧ, рд╕рдВрдЦреНрдпрд╛) рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдПрдХ рдЖрдИрдбреА рд╣реИ рдФрд░ рдХреЙрд▓ рдХреЗ рд▓рд┐рдП рдкреИрд░рд╛ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ model , рд▓реЗрдХрд┐рди рдпрджрд┐ рдЖрдк рдХреБрдЫ рднреА рдЬрдЯрд┐рд▓ рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ (рдореЗрдВ рдпрд╣ рдорд╛рдорд▓рд╛ рдПрдХ рд╡рд╕реНрддреБ рд╣реИ) рддреЛ рдпрд╣ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдЬреИрд╕рд╛ рдХрд┐ рдЖрдкрдиреЗ рдореЙрдбрд▓ рдкрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдЗрд╕рд▓рд┐рдП рдореЙрдбрд▓ рд╣реБрдХ рдХреЛ рдХреЙрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдПрдкреАрдЖрдИ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╢рд╛рдпрдж рдкреВрд░реНрдг рдореЙрдбрд▓ рдХреЗ рдмрдЬрд╛рдп рдЖрдИрдбреА рдкрд╛рд╕ рдХрд░рдиреЗ рдХреЗ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рд╛рде рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ: http://emberjs.com/api/classes/Ember.Route.html#method_transitionTo

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИ

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

рдпрджрд┐ рдЖрдк рдЯреНрд░рд╛рдВрдЬрд╝рд┐рд╢рди рдХреЛ this.transitionTo('confirm', 1); рдмрджрд▓рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдЖрдкрдХреА рдЕрдкреЗрдХреНрд╖рд╛ рдХреЗ рдЕрдиреБрд░реВрдк рдХрд╛рдо рдХрд░реЗрдЧрд╛ред

рдЖрдИрдЖрдИрдЖрд░рд╕реА рдпрджрд┐ рдЖрдк рдПрдХ рдкреВрд░реНрдг рдореЙрдбрд▓ рдХреЗ рдмрдЬрд╛рдп рд╕рдВрдХреНрд░рдордг рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рдЗрдореЗрдЯрд┐рд╡ (рд╕реНрдЯреНрд░рд┐рдВрдЧ, рд╕рдВрдЦреНрдпрд╛) рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдПрдХ рдЖрдИрдбреА рд╣реИ рдФрд░ рдХреЙрд▓ рдХреЗ рд▓рд┐рдП рдкреИрд░рд╛ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ model , рд▓реЗрдХрд┐рди рдпрджрд┐ рдЖрдк рдХреБрдЫ рднреА рдЬрдЯрд┐рд▓ рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ (рдореЗрдВ рдпрд╣ рдорд╛рдорд▓рд╛ рдПрдХ рд╡рд╕реНрддреБ рд╣реИ) рддреЛ рдпрд╣ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдЬреИрд╕рд╛ рдХрд┐ рдЖрдкрдиреЗ рдореЙрдбрд▓ рдкрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдЗрд╕рд▓рд┐рдП рдореЙрдбрд▓ рд╣реБрдХ рдХреЛ рдХреЙрд▓ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдПрдкреАрдЖрдИ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╢рд╛рдпрдж рдкреВрд░реНрдг рдореЙрдбрд▓ рдХреЗ рдмрдЬрд╛рдп рдЖрдИрдбреА рдкрд╛рд╕ рдХрд░рдиреЗ рдХреЗ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рд╛рде рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ: http://emberjs.com/api/classes/Ember.Route.html#method_transitionTo

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИ

рдЕрдм рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИред рдЖрдкрдХреА рдЯрд┐рдкреНрдкрдгреА рдХреЗ рдмрд╛рдж рдореЗрд░рд╛ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдкреНрд░рд╢реНрди рдпрд╣ рдерд╛ рдХрд┐ рдЖрдк рдХрдИ рдорд╛рдкрджрдВрдбреЛрдВ рдореЗрдВ рдХреИрд╕реЗ рдкрд╛рд╕ рд╣реЛрддреЗ рд╣реИрдВ? рд▓реЗрдХрд┐рди рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдЙрдиреНрд╣реЗрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рддрд░реНрдХреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдкрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВред

this.transitionTo('confirm.url', 1, 'the-slug-I-want');

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдпрд╣рд╛рдВ рдкреНрд░рд╢реНрди, рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдбрд╛рдпрдиреЗрдорд┐рдХ рд╕реЗрдЧрдореЗрдВрдЯ рд╡рд╛рд▓реЗ рд╕рдмрд░реВрдЯреНрд╕ рд╡рд╛рд▓рд╛ рдорд╛рд░реНрдЧ рд╣реИ:
рдЬреИрд╕реЗ
this.route ('рд╕рдВрдЧрдарди', {рдкрде: 'рд╕рдВрдЧрдарди/:organization_id'}, рдлрд╝рдВрдХреНрд╢рди() {
рдпрд╣ рдорд╛рд░реНрдЧ ('рдкреНрд░реЛрдЬреЗрдХреНрдЯ', {рдкрде: 'рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕/:рдкреНрд░реЛрдЬреЗрдХреНрдЯ_рдЖрдИрдбреА'}, рдлрд╝рдВрдХреНрд╢рди() {
this.route ('рд╕реНрдХреНрд░реАрди', {рдкрде: 'рд╕реНрдХреНрд░реАрди/: рд╕реНрдХреНрд░реАрди_рдЖрдИрдбреА'});
});
рдФрд░ рдореИрдВ рджреВрд╕рд░реЗ рдорд╛рд░реНрдЧ рдореЗрдВ рд╣реВрдВ рдЬреИрд╕реЗ рдХрд┐ рдкреНрд░рд╛рдорд╛рдгрд┐рдХ рдорд╛рд░реНрдЧред рдЬрдм рдореИрдВ this.transitionTo('organization.project.screen' рдкрд░ рдЬрд╛рддрд╛ рд╣реВрдВ,
{organization_id: 'grege23-234-4c3e-96fe-234423' },
{рдкреНрд░реЛрдЬреЗрдХреНрдЯ_рдЖрдИрдбреА: '234234-23423-4b99-a492-234'},
{рд╕реНрдХреНрд░реАрди_рдЖрдИрдбреА: '34534-48f4-471d-ad17-3'45});
рдореБрдЭреЗ рдХреБрдЫ рднреА рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореЙрдбрд▓ рд▓реЛрдб рдирд╣реАрдВ рд╣реБрдЖ рд╣реИред
рдЖрдк рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреИрд╕реЗ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ?

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

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

acorncom picture acorncom  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SaladFork picture SaladFork  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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

hilem picture hilem  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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