title: How i can display child records from corresponding parent id in angular js
body: <p>i have one list of data like below picture. 
  <img src="https://i.stack.imgur.com/zLohN.png" alt="enter image description here"></p>
  
  <p>In that table we can see child menu, in that column "3 dots available"that mean if any row have child rows for corresponding column then "3 dots available" available. Now i want to do like when i click on "3 dots" need to redirect another page and need to display the corresponding row records.</p>
  
  <p>i did like this when i click on "3 dots" then all child rows is coming, you can see the below picture.
  <img src="https://i.stack.imgur.com/XtCsN.png" alt="enter image description here"></p>
  
  <p>but i couldn't able to do like when i click on "3 dots" need do display only corresponding child records only</p>
  
  <p>but i couldn't able to do like when i click on "3 dots" need do display only corresponding child records only.
  <strong>Example:</strong> If i click on "3 dots" in child columns for Analytics column in Image 1, then need to display the child records for Analytics only no need for all sub child.</p>
  
  <p>Code for First Image </p>
  
  <pre><code>       &lt;tr&gt;
          &lt;th&gt;Sr. No.&lt;/th&gt;
          &lt;th&gt;Menu Name&lt;/th&gt;
          &lt;th&gt;Enabled&lt;/th&gt;
          &lt;th&gt;Child Menu&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;tr ng-repeat="menus in menuList" &gt;
      &lt;td &gt;{{$index+1}}&lt;/td&gt;
      &lt;td &gt;{{menus.menu}}&lt;/td&gt;
      &lt;td&gt;{{menus.enable}}&lt;/td&gt;
      &lt;td ng-if="menus.menu_items"&gt;&lt;span class="text-left logo-dashboard"&gt;
      &lt;a ui-sref="configureChildMenuState"title="Cilk me"&gt;&lt;span     class="glyphicon glyphicon-option-horizontal"&gt;&lt;/span&gt;&lt;/a&gt;
     &lt;/td&gt;
     &lt;td ng-if="!menus.menu_items"&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  </code></pre>
  
  <p>for second image2 </p>
  
  <pre><code>     &lt;tr&gt;
          &lt;th&gt;Sr. No.&lt;/th&gt;
          &lt;th&gt;Parent Id&lt;/th&gt;
          &lt;th&gt;Original Label&lt;/th&gt;
          &lt;th&gt;New Label&lt;/th&gt;
          &lt;th&gt;Url&lt;/th&gt;
          &lt;th&gt;Enable&lt;/th&gt;
          &lt;th&gt;Action&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
     &lt;tr ng-repeat="ChildMenu in ChildMenuList" &gt;
      &lt;td &gt;{{$index+1}}&lt;/td&gt;
      &lt;td&gt;{{ChildMenu.menu_id}}&lt;/td&gt;
      &lt;td &gt;{{ChildMenu.original_label}}&lt;/td&gt;
      &lt;td &gt;{{ChildMenu.new_label}}&lt;/td&gt;
      &lt;td &gt;{{ChildMenu.url}}&lt;/td&gt;
      &lt;td &gt;{{ChildMenu.enabled}}&lt;/td&gt;
      &lt;td&gt;
      &lt;a class="edit-icon" data-toggle="modal" data-target="#myModalEdit" ng-click="getData(store)"&gt;&lt;img src="../app/img/edit-icon.png" alt="Edit"&gt;&lt;/a&gt;
     &lt;/td&gt;
  
  
  &lt;/tr&gt;   
  </code></pre>