2015-09-22 14 views
7

में नेस्टेड # एच के @index को कैसे प्राप्त करें मेरे पास 10x10 सरणी 10 पंक्तियों का प्रतिनिधित्व करने वाली 10 पंक्तियों का प्रतिनिधित्व करती है। एक 1 मूल्य काला हो जाएगाउल्का

एक 0 मूल्य सफेद हो सकता है और होगा

मैं इस सीएसएस सेट कर लेते हैं: मैं एक ग्रिड आकर्षित और सरणी के मान के अनुसार प्रत्येक कोशिका के पृष्ठभूमि रंग सेट करना चाहते हैं :

.cell{ 
    height: 20px; 
    width: 20px; 
    float: left; 
    margin: 0; 
    padding: 0; 
} 

.cell.live{ 
    background-color: black; 
} 

.cell.dead { 
    background-color: white; 
} 

मैं एक सहायक है कि वापस आ जाएगी बनाया 2 तर्कों के अनुसार सरणी के मान के अनुसार 'जी' या 'मृत':

: x और y

यहाँ

कोड है

Template.grid.helpers({ 
    cellState: function(x, y) { 
     if(screenArray[x][y] === 1){ 
     return 'live'; 
     } 
     else { 
     return 'dead'; 
     } 
    } 
    }); 

मेरी समस्या यह है कि मैं कैसे मेरे #each दोनों का @index लूप

यहाँ मेरे टेम्पलेट है पाने के लिए पता नहीं है, मैं के लिए एक समाधान नहीं मिल सका है ?????

<template name="grid"> 
    <div class="gridWrapper"> 
    {{#each row in rows}} 
    <div class="row"> 
     {{#each cell in row}} 
     <div class="cell {{cellState @index ?????}}">{{this}}</div> 
     {{/each}} 
    </div> 
    {{/each}} 
</div> 
</template> 
+0

केवल एक सुझाव: साथ ../you माता पिता संदर्भ के लिए उपयोग कर सकते हैं, तो मैं कोशिश करता हूँ ../ पंक्ति @index – MrE

+0

@MrE - मैं यह नहीं समझ सका कि आपके सुझाव का उपयोग कैसे करें। यह होना चाहिए ../@index? यदि हां, तो यह मेरे लिए काम नहीं कर सका। कीथ के जवाब ने समस्या को हल किया। मुख्य पाठ –

उत्तर

14

आप सूचकांक पर कब्जा करने के let उपयोग करने की आवश्यकता की तरह:

{{#let [email protected]}} 
    {{#each cell in row}} 
     <div class="cell {{cellState @index rowIndex}}">{{this}}</div> 
    {{/each}} 
{{/let}} 
+0

केवल उल्का 1.2 –

+0

@किथ निकोलस के साथ अपडेट करना, यह वही है जो मैं ढूंढ रहा था। समस्या सुलझ गयी। –

+0

तब जवाब स्वीकार करें :) –