Handlebars.js: влоТСнная итСрация с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ доступа ΠΊ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŽ

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 18 ΠΎΠΊΡ‚. 2011  Β·  5ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: handlebars-lang/handlebars.js

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

{{#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 даст доступ ΠΊ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŽ, Ссли ΠΌΡ‹ Π½Π΅ создадим цикличСскиС ссылки.

НС ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Π²Ρ‹ ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ΄ Β«{{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}}

ΠΏΡ€ΠΈΠ²Π΅Ρ‚, рСбята, я сСйчас ΠΈΠ·ΡƒΡ‡Π°ΡŽ node/express, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ ΠΊΠΎΠ΄ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ для мСня, я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ экспрСсс-Ρ€ΡƒΠ»ΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΌΠ½Π΅ ΠΏΠΎΠΌΠΎΡ‡ΡŒ? Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ это с экспрСсс-рулями? Π²ΠΎΡ‚ ΠΌΠΎΠΉ ΠΊΠΎΠ΄. 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}}

{{#всС Π΄Π°Π½Π½Ρ‹Π΅}}
всС

{{#assignedData}}
Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ


{{#ifEqual id id_курса }}
{{Π·Π°Π³Π»Π°Π²ΠΈΠ΅}}

{{Π΅Ρ‰Π΅}}
{{Π·Π°Π³Π»Π°Π²ΠΈΠ΅}}

{{/ifEqual}}

{{/assignedData}}
{{/всС Π΄Π°Π½Π½Ρ‹Π΅}}
МоС ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π΄Π°ΠΆΠ΅ Π½Π΅ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ Π²ΠΎ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ Ρ†ΠΈΠΊΠ». ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒ
всС
всС
всС
Π’Ρ‹ моТСшь ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠ½Π΅, ΠΏΠΎΡ‡Π΅ΠΌΡƒ?
Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ