Π‘ΠΌ. ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π·Π΄Π΅ΡΡ http://stackoverflow.com/questions/552934/what-javascript-templating-engine-do-you-recommend/7812081#7812081
ΠΠ΄Π½ΠΈΠΌ ΠΈΠ· ΠΏΡΠΎΡΡΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊΠ°:
{{#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}}
Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΉ
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ