Looping section inside another looping section help

[Charuka Wijesinghe]

Hi Beebole 

Here is my requirement as follow i have data and template hotels list inside rooms list (only first room item will be taking for build template lowest rate room (assume first item is lowest one )) how can i achieve this using directive 

i already done with one section (hotel) i dont know how i iterate rooms list using pure js but not via function appreciate you help on this

<div class=hotel-section>

<span class="hotel-name"></span>

<span class="hotel-address"> </span>

<div class="rooms-section">

//only one section by getting 0th item of the list (only one room

showing per template ) 

<span class="room-name"> </span>

<span class="room-type"> </span>

<span class="room-rate"> </span>

</div>

</div>

json

var dataHotel =

[

{

"hotelName": "Hilton",

"hotelAddress": "Colombo 3",

"rooms": [

{

"roomname": "Single Delux",

"roomType": "Bed & BF",

"rate": "2400$"

},

{

"roomname": "Double Delux",

"roomType": "Bed Only",

"rate": "2400$"

}

]

},

{

"hotelName": "Grand Kandyan",

"hotelAddress": "Kandy"

}

]

 

[Mic (BeeBole)]

Here is an example of something working: https://gist.github.com/beebole/78d3f3827bd2a4a426c6438ec5598f6b

I'm not sure I understood the first room thing, but here's what I did:

• the sort function sorts the rooms by rate ascending. Sorting should always be a client thing, not on the server :)
• the filter function shows only the first room

Cheers,

-Mic

[Charuka Wijesinghe]

Thanks nice explanation