angularjs2

Question

के साथ ionic2 में प्रत्येक के लिए IONIC-2 बीटा संस्करण के साथ एक एप्लिकेशन बनाते हैं। मैं प्रत्येक पाश के लिए का उपयोग करना चाहता हूं। क्या कोणीय-वी 2 में प्रत्येक के लिए उपयोग करना संभव है?

धन्यवाद।

Answer 1

Component में सबसे पहले, आप सरणी आप दिखाना चाहते हैं घोषित करने के लिए है:

import { Component } from "@angular/core"; 

@Component({ 
    templateUrl:"home.html" 
}) 
export class HomePage { 

    displayData : []; 

    constructor() { 
    this.displayData = [ 
     { 
     "text": "item 1", 
     "value": 1 
     }, 
     { 
     "text": "item 2", 
     "value": 2 
     }, 
     { 
     "text": "item 3", 
     "value": 3 
     }, 
     { 
     "text": "item 4", 
     "value": 4 
     }, 
     { 
     "text": "item 5", 
     "value": 5 
     }, 
    ]; 
    } 
} 

आप कोड में मान बदलना चाहते हैं, तो आप ऐसा करने से यह कर सकते हैं:

// We iterate the array in the code 
for(let data of this.displayData) { 
    data.value = data.value + 5; 
} 

और फिर अपने दृश्य में आप उन्हें इस तरह मुद्रित कर सकते हैं:

<ion-content class="has-header"> 
    <ion-list *ngFor="let data of displayData; let i = index" no-lines> 
    <ion-item>Index: {{ i }} - Text: {{ data.text }} - Value: {{ data.value }}</ion-item> 
    </ion-list> 
</ion-content> 

नोटिस दें कि भाग *ngFor="let data of displayData" जहां:

• displayData सरणी हम Component
• let data of ... में परिभाषित किया गया है एक नया वेरिएबल data कहा जाता है, जो displayData सरणी के तत्वों में से प्रत्येक का प्रतिनिधित्व करता है परिभाषित करता है।
• हम data चर का उपयोग कर प्रत्येक सरणी तत्व के गुणों तक पहुंच सकते हैं, और {{ data.propertyName }} जैसे इंटरपोलेशन।