CODEWITHSUNDEEP
arraysjsonangularjshtml-tabledynamic-tables
yoganand
yoganand

Reputation: 5

How to print a specific element of an array in a html table with angularjs?

I am learning Angular now and got stuck here. What I have tried is:

<tr ng-show="data in myData17.layouts | limitTo:2 | slice:1">
  <td>{{data.name}}</td>
  <td>{{data.cards[1].cardNo}}</td>
  <td>{{data.cards[1].cardType}}</td>
  <td>{{data.cards[1].ports[0].portNo}}</td>
  <td>{{data.cards[1].ports[0].portName}}</td>
  <td>{{data.cards[1].ports[0].portType}}</td>
  <td>{{data.cards[1].ports[0].portspeed}}</td>
  <td>{{data.cards[1].ports[0]["ds-scheduler-node-profile"]}}</td>                  
</tr>

where layouts is an array that has up to 10 elements in it but I want to access the data that is in index=1.

Upvotes: 0

Views: 1624

Answers (1)

Ashish Bakwad
Ashish Bakwad

Reputation: 811

You use ng-repeat instead of ng-show for looping and use $index for accessing item.

<tr ng-repeat="data in myData17.layouts">
  <td ng-show="$index==0">{{data.name}}</td>
  <td ng-show="$index==0">{{data.cards[0].cardNo}}</td>
  <td ng-show="$index==0">{{data.cards[0].cardType}}</td>
  <td ng-show="$index==0">{{data.cards[0].ports[0].portNo}}</td>
  <td ng-show="$index==0">{{data.cards[0].ports[0].portName}}</td>
  <td ng-show="$index==0">{{data.cards[0].ports[0].portType}}</td>
  <td ng-show="$index==0">{{data.cards[0].ports[0].portspeed}}</td>
  <td ng-show="$index==0">{{data.cards[0].ports[0]["ds-scheduler-node-profile"]}}</td>                  
</tr>

Upvotes: 2

Related Questions