কৌণিক 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.