2017-02-13 9 views
6

मैं दो नेस्ट है * ngFor Angular2 में लूप में लूप। मैं काउंटर को बनाए रखना चाहता हूं जो प्रत्येक बार लूप के केंद्र में कोड दोहराया जाता है।काउंटर Angular2

काउंटर बार समायोजन की संख्या 0 से जाना चाहिए ब्लेड

<tr *ngFor="let adjustment of adjustments"> 

    <td *ngFor="let blade of blades"> 

     <span> Counter = ????????? </span> 

    </td> 

    </tr> 

उत्तर

12

की संख्या दोनों के लिए एक काउंटर चर जोड़ें * ngFor बयान, मैं और जे कहते हैं, तो गणित करना एक अभिव्यक्ति के रूप में।

<tr *ngFor="let adjustment of adjustments; let i = index"> 

    <td *ngFor="let blade of blades; let j = index"> 

     <span> Counter = {{ (i * blades.length) + j }} </span> 

    </td> 

    </tr> 
: यहाँ कोड है