কৌণিক 2 এনজিফোর প্রথম, শেষ, সূচক লুপ


94

আমি ডিফল্ট হিসাবে এই উদাহরণে প্রথম ঘটনাটি সেট করার চেষ্টা করছি: 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/HomeComponent.html@35:78
    Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in ng:///AppModule/HomeComponent.html@35:78 ("<md-button-toggle *ngFor="let indicador of indicadores; #first = first" value="indicador.id" [ERROR ->][checked]="first">
    <span>{{ indicado"): ng:///AppModule/HomeComponent.html@35:153

কি সমস্যা??

উত্তর:


187

এই plunkr দেখুন

আপনি যখন ভেরিয়েবলগুলিতে আবদ্ধ হন, তখন আপনাকে বন্ধনী ব্যবহার করতে হবে। এছাড়াও, আপনি যখন এইচটিএমএল উপাদানগুলির রেফারেন্স পেতে চান হ্যাশট্যাগ ব্যবহার করেন, এর মতো টেম্পলেটগুলির অভ্যন্তরে ভেরিয়েবলগুলি ঘোষণার জন্য নয়।

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

সম্পাদনা: ক্রিস্টোফার মুরকে ধন্যবাদ : কৌণিক নিম্নলিখিত স্থানীয় ভেরিয়েবলগুলি প্রকাশ করে:

  • index
  • first
  • last
  • even
  • odd

ধন্যবাদ! এটি আমাকে অনেক সাহায্য করেছিল, তবে আমি প্রথমটি ব্যবহার করার চেষ্টা করেছি কারণ এটি অনুসন্ধান করার পরে আমি এরকম কয়েকটি উদাহরণ পেয়েছি যেমন: ব্লগ.আঙ্গুলার-ইউনিভার্সিটি.আইও / অ্যাঙ্গুলার ২-ngfor (তালিকার প্রথম এবং শেষ উপাদান সনাক্তকরণ)
প্রিনসি

আহ, ঠিক আছে. আপনি এটি করতে পারেন। পরিবর্তে let i = index, কেবল এটিতে let first = first;পরিবর্তন করুন এবং "i == 0" এর পরিবর্তে "প্রথমে" পরীক্ষা করতে [পরীক্ষিত] বাইন্ডিংটি পরিবর্তন করুন।
স্টিভাদু 31:25 '15

সুন্দর! এখন কাজ করছে! তবে আমি কেন বুঝতে পারি না আমাকে কেন বন্ধনী দিয়ে চেক করা গুণটি আবদ্ধ করতে হবে
প্রিয়নি

29
মধ্যে @Steveadoo ngForকৌণিক অনাবৃত নিম্নলিখিত স্থানীয় ভেরিয়েবল index, first, last, evenএবং odd। আপনি ভবিষ্যতের ব্যবহারকারীদের জন্য এই পয়েন্টটি পরিষ্কার করার জন্য উত্তর আপডেট করতে পারেন?
ক্রিস্টোফার মুর

4
বদলে let first = firstআপনি লিখতে পারেন first as isFirst: (isFirst কাস্টম পরিবর্তনশীল) হিসাবে এখানে বর্ণিত angular.io/api/common/NgForOf#local-variables
jurl

58

এখানে এটি কৌণিক 6 এ কীভাবে সম্পন্ন হয়েছে

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

থেকে পরিবর্তন দ্রষ্টব্য let first = firstকরারfirst as isFirst


আপনি পাইপ প্রতিস্থাপন করা প্রয়োজন |সঙ্গে ;কাজ করার জন্য এটি জন্য।
ফ্লোরিয়ান মসার

let first = firstএবং first as isFirstউভয় ঘোষণাটি ব্যবহারের জন্যই সঠিক, দ্বিতীয়টির একটি উপন্যাস বেশ পাঠযোগ্য
মোহন রাম

3

*ngForএটির মাধ্যমে আপনি আঙুলের লুপে কোনও সূচক পেতে পারেন ...

<ul>
  <li *ngFor="let object of myArray; let i = index; let first = first ;let last = last;">
    <div *ngIf="first">
       // write your code...
    </div>

    <div *ngIf="last">
       // write your code...
    </div>
  </li>
</ul>

আমরা এই উপন্যাসটি ব্যবহার করতে পারি *ngFor

  • index: number: let i = indexবস্তুর সব সূচক জন্য।
  • first: boolean: let first = firstবস্তুর প্রথম সূচক জন্য।
  • last: boolean: let last = lastবস্তুর গত সূচক জন্য।
  • odd: boolean: let odd = oddবস্তুর বিজোড় সূচক জন্য।
  • even: boolean: let even = evenবস্তুর এমনকি সূচক জন্য।
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.