title: NativeScript Angular 2 Get more data when Scroll to Bottom (endless scrolling)
body: <p>HI for example below is my view</p>
  
  <pre><code>&lt;ScrollView&gt;
      &lt;StackLayout&gt;
          &lt;StackLayout *ngFor="let kid of kids" id="kidList"&gt;
              &lt;StackLayout orientation="horizontal" class="some-class"&gt;
                  &lt;Lable text="{{ kid.fname }} {{ kid.lname }}"&gt;&lt;/Lable&gt;
                  &lt;Lable text="{{ kid.age }} years ago"&gt;&lt;/Lable&gt;
              &lt;/StackLayout&gt; 
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/ScrollView&gt;   
  </code></pre>
  
  <p>I want to append the more data getting from server to 'kidList' when scroll reaches to bottom of screen in {N} aAngular2.
  It's very hard to me build the layouts and adding childs in 'js' like below(KidInformation has more data).</p>
  
  <pre><code> let stackLayout = new StackLayout();
   stackLayout.addChild('something newly constructed with JS')
  </code></pre>
  
  <p>Is there a way we can do in My Component just by adding child as view by passing local parameters to view , I mean like in below way</p>
  
  <pre><code>let kidListStacklayout = view.getViewById(this.page, 'kidList');
  kidListStacklayout.addChild('views/kid/kid-item.html')
  </code></pre>
  
  <p>and kid-item.html will look like</p>
  
  <pre><code>&lt;StackLayout orientation="horizontal" class="some-class"&gt;
                      &lt;Lable text="{{ kid.fname }} {{ kid.lname }}"&gt;&lt;/Lable&gt;
                      &lt;Lable text="{{ kid.age }} years ago"&gt;&lt;/Lable&gt;
                  &lt;/StackLayout&gt; 
  </code></pre>