рдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде 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
@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}}
рдореИрдВ рджреЛрдиреЛрдВ рдЗрд╕реЗ рдПрдХ рд╕рд╣рд╛рдпрдХ рд╕рдорд╛рдзрд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рдкреЗрд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рд╕рдВрдХреНрд╖реЗрдк рдореЗрдВ рд╕реБрдЭрд╛рд╡ рджреЗ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдПрдореНрдмрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХрдореА рд╣реИред рдпрд╣ рд╢рд╛рдирджрд╛рд░ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдпрд╣ "рдЕрднреА рдХрд╛рдо рдХрд┐рдпрд╛" :)
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЗрд╕рд▓рд┐рдП рдирд┐рд╣рд┐рддрд╛рд░реНрде рдпрд╣ рд╣реИ рдХрд┐
input
рдШрдЯрдХ рдХрд╛ рдирд╛рдо рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рдЬреЛ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдЕрд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рд╣реИ - рдпрд╛ рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ рдПрдХ рдорд╛рдирдХ рд╣рд╛рдЗрдлрд╝рдиреЗрдЯреЗрдб рдЖрд╡рд░рдг рдЙрдкрд▓рдмреНрдз рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПрдШрдЯрдХ рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдПрдХ рдорд╛рдирдХ (рдЗрдирдмрд┐рд▓реНрдЯ) рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реЛрдирд╛ рдПрдХ рдЕрдЬреАрдм рдФрд░ рдордирдорд╛рдирд╛ рдкреНрд░рддрд┐рдмрдВрдз рдЬреИрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ