angular कोणीय 2 पहले, अंतिम, सूचकांक लूप के लिए प्रेरित करते हैं




angular-material (2)

यहां बताया गया है कि इसका एंगुलर 6 में क्या है

<li *ngFor="let user of userObservable ; first as isFirst">
   <span *ngIf="isFirst">default</span>
</li>

नोट को let first = first से let first = first से first as isFirst में बदलने पर ध्यान दें

मैं इस उदाहरण में पहली घटना को डिफ़ॉल्ट रूप में सेट करने का प्रयास कर रहा हूं: plunkr

निम्नलिखित त्रुटि हो रही है:

Unhandled Promise rejection: Template parse errors:
TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup">
                                                            <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">
      "): ng:///AppModule/[email protected]:78
Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in ng:///AppModule/[email protected]:78 ("       <md-button-toggle *ngFor="let indicador of indicadores; #first = first" value="indicador.id" [ERROR ->][checked]="first">
                                                                <span>{{ indicado"): ng:///AppModule/[email protected]:153

गलत क्या है??


इस plunkr

जब आप चर के लिए बाध्य कर रहे हैं, तो आपको कोष्ठक का उपयोग करने की आवश्यकता है। इसके अलावा, आप हैशटैग का उपयोग तब करते हैं जब आप अपने html में तत्वों का संदर्भ प्राप्त करना चाहते हैं, न कि उस तरह के टेम्प्लेट के अंदर चर घोषित करने के लिए।

<md-button-toggle *ngFor="let indicador of indicadores; let first = first;" [value]="indicador.id" [checked]="first"> 
...

संपादित करें: क्रिस्टोफर मूर को धन्यवाद: कोणीय निम्नलिखित स्थानीय चर को उजागर करता है:

  • index
  • first
  • last
  • even
  • odd




angular-material