title: How to Nest List Views in NativeScript
body: <p>I'm trying to display a list of items within a list of items.  Basically it's a card game, where each suit is being repeated, and then each card for each suit is being repeated.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;StackLayout margin="10 0 60 0" padding="0 0"&gt;
      &lt;ListView class="list-group" [items]="hand" (itemTap)="onItemTap($event)"
          (itemLoading)="onItemLoading($event)" backgroundColor="#26252A"
          style="height:100%"&gt;
          &lt;ng-template let-suit="item"&gt;
              &lt;FlexboxLayout flexDirection="row"&gt;
                  &lt;ScrollView orientation="horizontal"&gt;
                          &lt;StackLayout height="100" orientation="horizontal" margin="2.5, 15"&gt;
                              &lt;ListView class="list-group" [items]="suit.cards"&gt;
                                  &lt;ng-template let-card="item"&gt;
                                      &lt;Label [text]="card" class="card"&gt;&lt;/Label&gt;
                                  &lt;/ng-template&gt;
                          &lt;/ListView&gt;
                      &lt;/StackLayout&gt;
                  &lt;/ScrollView&gt;
              &lt;/FlexboxLayout&gt;
          &lt;/ng-template&gt;
      &lt;/ListView&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p>And this is what my "hand" looks like:</p>
  
  <pre class="lang-ts prettyprint-override"><code>hand: { suit: Suit, fontColor: Color, cards: string[] }[] = [
      { suit: "Red", fontColor: new Color("red"), cards: ["14", "13"] },
      { suit: "Green", fontColor: new Color("green"), cards: ["14", "13", "12", "9"] },
      { suit: "Yellow", fontColor: new Color("yellow"), cards: ["14", "13", "10", "9"] },
      { suit: "Black", fontColor: new Color("black"), cards: ["14", "13", "9"] }
  ];
  </code></pre>
  
  <p>When I run it though, I'm only getting the very first card in each suit to be displayed.</p>
  
  <p>You can check it out at the playground here:</p>
  
  <p><a href="https://play.nativescript.org/?template=play-ng&amp;id=XfogFt&amp;v=3" rel="nofollow noreferrer">https://play.nativescript.org/?template=play-ng&amp;id=XfogFt&amp;v=3</a></p>
  
  <p>(I'm new to both NaitiveScript and Angular, so I may be missing something simple)</p>