title: How to know element is outside the boundary of main parent element in angularjs 2 (Not direct parent)
body: <pre><code>&lt;div class="nodelevel1"&gt;
  
  &lt;div class="nodelevel2"&gt;
  
  &lt;div class="nodelevel3"&gt;
  
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to know if <strong>item</strong> element is outside the boundary of  <strong>nodelevel1</strong> element when it render on browser and i want to get its <strong>top and left position</strong> relative to <strong>nodelevel1</strong> </p>