ngfor

when fetching json array object from rest api and trying to display in ngfor failed with the reason error EXCEPTION: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. in [indexes in HomeComponent@5:37] Code import {Component} from 'angular2/core'; import {HomeService} from './home.services'; import {Index} from './index'; @Component({ selector: 'home-app', providers: [HomeService], template: ` <section class="left_side"> <article> <div class="div_home"> <div class="div_homeIndxPartition"> <div class="div

I have an array from 1 until 35: numbersArray = [1,2,3,4,....,35] I want to create a html table like the following: --------------------------- 1 |2 |3 |4 |5 |6 |7 --------------------------- 8 |9 |10 |11 |12 |13 |14 --------------------------- 15 |16 |17 |18 |19 |20 |21 --------------------------- 22 |23 |24 |25 |26 |27 |28 --------------------------- 29 |30 |31 |32 |33 |34 |35 --------------------------- I used the following: <tr *ngFor="let number of numbersArray;"> <td>{{number}}</td> </tr> How can I add </td></tr><tr><td> tags after 6 items in *ngFor ? If it has to be a table and grouped

I was wondering if there is a way in angular2 to loop through an array or a list using *ngFor and skip the first or nth element <div *ngFor="let item of items; let i=index"> <div *ngIf="i != n">{{i}} is not n</div> </div> 来源： https://stackoverflow.com/questions/42372560/looping-using-ngfor-and-skip-nth-element

I am new to web development and is working on a MEAN stack project using angular2. I am trying to add template-driven form with dynamic list of input using ngFor - however I did observe an abnormal behavior with the way I implement it. I am wondering if I am doing it the right way... Abnormal behavior: If I were to add 2 or more input field and remove the non-last-entries input, the next time i add the new entries, it resets all the entries below the one I just deleted. In addition, somehow the new entries are binding with the entries above? demo of the issue Here is my plunker: http://plnkr

I am trying to tell whether an item in an *ngFor is the first or last element to style a container. Is there a way to do something like this? <md-expansion-panel *ngFor="let item of items" *ngClass="{ 'first' : item.isFirst }"> <content></content> </md-expansion-panel> Thanks for any help offered! Inside the ngFor you have access to several variables: index: number: The index of the current item in the iterable. first: boolean: True when the item is the first item in the iterable. last: boolean: True when the item is the last item in the iterable. even: boolean: True when the item has an even