Handlebars.js: рдорд╛рддрд╛-рдкрд┐рддрд╛ рддрдХ рдкрд╣реБрдВрдЪрдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рдХреЗ рд╕рд╛рде рдиреЗрд╕реНрдЯреЗрдб рдкреБрдирд░рд╛рд╡реГрддреНрддрд┐

рдХреЛ рдирд┐рд░реНрдорд┐рдд 18 рдЕрдХреНрддреВре░ 2011  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: handlebars-lang/handlebars.js

рдХреГрдкрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдпрд╣рд╛рдВ рджреЗрдЦреЗрдВ http://stackoverflow.com/questions/552934/what-javascript-templating-engine-do-you-recommend/7812081#7812081

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

{{#each families}}
  {{#each members}}
    <p>{{ ../surname }}</p>
    <p>{{ name }}</p>
  {{/each}}
{{/each}}

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

рдПрдХ рд╕рд╣рд╛рдпрдХ рдХреЛ рдкрдВрдЬреАрдХреГрдд рдХрд░рдиреЗ рдХрд╛ рдПрдХ рдЖрд╕рд╛рди рддрд░реАрдХрд╛ рд╣реЛрдЧрд╛:

{{#each animals}}
  {{#each organs}}
    {{get .. this}}
  {{/each}}
{{/each}}
Handlebars.registerHelper('get', function(obj, prop) {
  return obj[prop];
});

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╡рд╛рдкрд╕ рд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдпрд╣ рдирд╣реАрдВ рджреЗрдЦрддрд╛ рдХрд┐ рдпрд╣ 'рдкреНрд░рд╛рдкреНрдд' рд╕рд╣рд╛рдпрдХ рдорд╛рддрд╛-рдкрд┐рддрд╛ рддрдХ рдХреИрд╕реЗ рдкрд╣реБрдВрдЪреЗрдЧрд╛ рдЬрдм рддрдХ рдХрд┐ рд╣рдо рдкрд░рд┐рдкрддреНрд░ рд╕рдВрджрд░реНрдн рдирд╣реАрдВ рдмрдирд╛рддреЗред

рдХреНрдпрд╛ рдЖрдк "{{get .. this}}" рд╕реЗ рдЕрдкрдиреЗ рдорддрд▓рдм рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрджрд┐ рдпрд╣ рдПрдХ рдЕрдВрдЧ рд╣реИ, рддреЛ рд╣рдо рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдореВрд▓ рдЬрд╛рдирд╡рд░ рдХреЛ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рдХреИрд╕реЗ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдореИрдВ рдкрд░рд┐рд╡рд╛рд░реЛрдВ рдХреА рд╕реВрдЪреА рдкрд░ рдкреБрдирд░рд╛рд╡реГрддрд┐ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП handlebars.js рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдФрд░ рдлрд┐рд░ рдЙрд╕ рдкрд░рд┐рд╡рд╛рд░ рдХреЗ рд╕рджрд╕реНрдпреЛрдВ рдкрд░ рдкреБрдирд░рд╛рд╡реГрддрд┐ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рджреЛрдиреЛрдВ рдЫреЛрд░реЛрдВ рдХреЗ рдЕрдВрджрд░, рдореИрдВ рджреЛрдиреЛрдВ рдХреЗ рдЧреБрдг рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рд╣рд╛рд▓рд╛рдБрдХрд┐, рдПрдХ рдмрд╛рд░ рдЬрдм рдореИрдВ рджреВрд╕рд░реЗ рдкреБрдирд░рд╛рд╡реГрддреНрддрд┐ рдореЗрдВ рдкрд╣реБрдБрдЪ рдЬрд╛рддрд╛ рд╣реВрдБ, рддреЛ рдХреЛрдИ рднреА рдкрд╛рд░рд┐рд╡рд╛рд░рд┐рдХ рдЪрд░ рджрд┐рдЦрд╛рдИ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИред

{{#each families}}
  {{#each members}}
    <p>{{ ( here I want a family name property ) }}</p>
    <p>{{ ( here I want a member name property ) }}</p>
  {{/each}}
{{/each}}

рдХреНрдпрд╛ рдпрд╣ рд╣реИрдВрдбрд▓рдмрд╛рд░ рдХреЗ рд╕рд╛рде рд╕рдВрднрд╡ рд╣реИ? рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рдареАрдХ рд╣реИред рдореИрдВ рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рдмрд╣реБрдд рд╕рд░рд╛рд╣рдирд╛ рдХрд░реВрдВрдЧрд╛!

{{#each families}}
  {{#each members}}
    <p>{{ ../surname }}</p>
    <p>{{ name }}</p>
  {{/each}}
{{/each}}

рд╣реИрд▓реЛ рджреЛрд╕реНрддреЛрдВ, рдореИрдВ рдЕрднреА рдиреЛрдб/рдПрдХреНрд╕рдкреНрд░реЗрд╕ рд╕реАрдЦ рд░рд╣рд╛ рд╣реВрдВ, рдЙрдкрд░реЛрдХреНрдд рдХреЛрдб рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ рдореИрдВ рдПрдХреНрд╕рдкреНрд░реЗрд╕-рд╣реИрдВрдбрд▓рдмрд╛рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдХреНрдпрд╛ рдЖрдк рдореЗрд░реА рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдХреНрдпрд╛ рдпрд╣ рдПрдХреНрд╕рдкреНрд░реЗрд╕-рд╣реИрдВрдбрд▓рдмрд╛рд░ рдХреЗ рд╕рд╛рде рд╕рдВрднрд╡ рд╣реИ? рдпрд╣рд╛рдБ рдореЗрд░рд╛ рдХреЛрдб рд╣реИред gpareaData рдкреБрдирд░рд╛рд╡реГрддреНрдд рд╣реЛ рд░рд╣рд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╢рд╛рдЦрд╛ рдирд╣реАрдВ рд╣реИ

{{#each gpareaData}}
  <tr>
    <td>
       <select class="form-control" name="gp_branch[]">
           <option value="{{id}}">{{desc}}</option>
             {{#each branch}}
           <option value="{{id}}">{{branch_desc}}</option>
             {{/each}}
       </select>        
     </td>
    <td><button type="button" class="btn btn-primary btn-sm" id="addRws3"><i class="fa fa-plus"></i></button></td>
</tr>
{{/each}}

{{#рд╕рднреА рдбреЗрдЯрд╛}}
рд╕рдм

{{#рдЕрд╕рд╛рдЗрдиреНрдбрдбреЗрдЯрд╛}}
рд╕реМрдВрдкрд╛ рдЧрдпрд╛


{{#ifEqual id course_id }}
{{рд╢реАрд░реНрд╖рдХ}}

{{рдЕрдиреНрдпрдерд╛}}
{{рд╢реАрд░реНрд╖рдХ}}

{{/ifEqual}}

{{/рдЕрд╕рд╛рдЗрдиреНрдбрдбреЗрдЯрд╛}}
{{/рд╕рднреА рдбреЗрдЯрд╛}}
рдореЗрд░рд╛ рдРрдк рдирд┐рдпрдВрддреНрд░рдг рди рд╣реА рдЖрдВрддрд░рд┐рдХ рд▓реВрдк рдореЗрдВ рдкреНрд░рд╡реЗрд╢ рдХрд░ рд░рд╣рд╛ рд╣реИред рдмрд╕ рдЫрдкрд╛рдИ
рд╕рдм
рд╕рдм
рд╕рдм
рдХреНрдпрд╛ рддреБрдо рдореБрдЭреЗ рдмрддрд╛ рд╕рдХрддреЗ рд╣реЛ рдХрд┐ рдРрд╕рд╛ рдХреНрдпреЛрдВ рд╣реИ?
рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

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

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

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

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

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

stevenvachon picture stevenvachon  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ