Ember.js: рдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдЗрдирдкреБрдЯ рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

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

рдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде input рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдЬреИрд╕реЗ:
passedComponent=(component 'input' type="number" value=myValue)

рдЗрд╕ рддрд░рд╣ рдПрдХ рджрд╛рд╡рд╛ рд╡рд┐рдлрд▓рддрд╛ рдореЗрдВ рдкрд░рд┐рдгрд╛рдо рд╣реЛрдЧрд╛:
Uncaught Error: Assertion Failed: You cannot use 'input' as a component name. Component names must contain a hyphen

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

рдЗрд╕рд▓рд┐рдП рдирд┐рд╣рд┐рддрд╛рд░реНрде рдпрд╣ рд╣реИ рдХрд┐ input рдШрдЯрдХ рдХрд╛ рдирд╛рдо рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рдЬреЛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдЕрд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рд╣реИ - рдпрд╛ рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ рдПрдХ рдорд╛рдирдХ рд╣рд╛рдЗрдлрд╝рдиреЗрдЯреЗрдб рдЖрд╡рд░рдг рдЙрдкрд▓рдмреНрдз рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

рдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдПрдХ рдорд╛рдирдХ (рдЗрдирдмрд┐рд▓реНрдЯ) рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реЛрдирд╛ рдПрдХ рдЕрдЬреАрдм рдФрд░ рдордирдорд╛рдирд╛ рдкреНрд░рддрд┐рдмрдВрдз рдЬреИрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ

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

@stevesims рдпрд╣ рд╕рд╣реА рд╣реИред input рд╕рд╛рде рдПрдХ рдХреНрд▓реЛрдЬрд░ рдШрдЯрдХ рдмрдирд╛рдирд╛ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╕рдВрднрд╡ рдирд╣реАрдВ рд╣реИред рдФрдЪрд┐рддреНрдп рдХреБрдЫ рд╣рдж рддрдХ рдЧреНрд▓рд┐рдорд░ рдШрдЯрдХреЛрдВ рд╕реЗ рдЬреБрдбрд╝рд╛ рд╣реБрдЖ рд╣реИ, рд╣рдо рдЙрдирдХреЗ рд▓рд┐рдП input рдирд╛рдо рдЖрд░рдХреНрд╖рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рдЗрд╕реЗ рдЕрднреА рдХреЗ рд▓рд┐рдП рдмрдВрдж рдХрд░рдиреЗ рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдХреЛрдИ рдмрдЧ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рд╣рдо рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЪрд░реНрдЪрд╛ рдЬрд╛рд░реА рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВред

рдЗрд╕рд▓рд┐рдП рдирд┐рд╣рд┐рддрд╛рд░реНрде рдпрд╣ рд╣реИ рдХрд┐ input рдШрдЯрдХ рдХрд╛ рдирд╛рдо рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рдЬреЛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдЕрд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рд╣реИ - рдпрд╛ рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ рдПрдХ рдорд╛рдирдХ рд╣рд╛рдЗрдлрд╝рдиреЗрдЯреЗрдб рдЖрд╡рд░рдг рдЙрдкрд▓рдмреНрдз рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

рдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдПрдХ рдорд╛рдирдХ (рдЗрдирдмрд┐рд▓реНрдЯ) рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реЛрдирд╛ рдПрдХ рдЕрдЬреАрдм рдФрд░ рдордирдорд╛рдирд╛ рдкреНрд░рддрд┐рдмрдВрдз рдЬреИрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ

{{#if requiresComponentSubstitution}}  

      <!-- requiresComponentSubstitution: is not "input" -->

        {{component inputComponentName
                    id=(concat elementId '-control')
                    class='form-control'
                    type=type
                    name=valuePath
                    placeholder=placeholder
                    value=value
                    input=(action 'onInput')
        }}
    {{else}}
        {{input id=(concat elementId '-control')
                class='form-control'
                type=type
                name=valuePath
                placeholder=placeholder
                value=value
                input=(action 'onInput')
        }}
    {{/if}}

рдореИрдВ рджреЛрдиреЛрдВ рдЗрд╕реЗ рдПрдХ рд╕рд╣рд╛рдпрдХ рд╕рдорд╛рдзрд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рдкреЗрд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рд╕реБрдЭрд╛рд╡ рджреЗ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдПрдореНрдмрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХрдореА рд╣реИред рдпрд╣ рд╢рд╛рдирджрд╛рд░ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдпрд╣ "рдЕрднреА рдХрд╛рдо рдХрд┐рдпрд╛" :)

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

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

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

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

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

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

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