title: How do you access the for loop of the parent component within a child component which has the inputs?
body: <p>So I am stuck on this. I am trying to get the Parent component to talk or integrate with the child component. 
  Here is the parent component which basically has the for loop used to iterate or generate more links if a user wants to add more or presses the button to add more. </p>
  
  <pre><code>&lt;div class="section url-wrapper"&gt;
      &lt;div *ngFor="let url of urls; let i = index;" class="link input-wrapper"&gt;
              &lt;childComponent&gt;&lt;/childComponent&gt;
        &lt;button class="button bad icon-only" (click)="removeURL(i)"&gt;
          &lt;i class="far fa-times"&gt;&lt;/i&gt;
        &lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The parent component should only be able to register and display the output of the child component. </p>
  
  <p>This is an example of the child component </p>
  
  <pre><code>&lt;div class="section url-wrap"&gt;
      &lt;input aria-label="URL Title" placeholder="Title" type="text" [value]="urls[i].title" (ngModel)="urls[i].title" name="url.title.{{ i }}"
          (input)="updateTitle(i, $event.target.value)"&gt;
  
            &lt;input aria-label="URL" placeholder="https://example.com" type="text" [value]="urls[i].url" (ngModel)="urls[i].url" name="url.url.{{ i }}"
            (input)="updateUrl(i, $event.target.value)"&gt;   
   &lt;/div&gt;
  </code></pre>
  
  <p>I need help both allowing the parent component to register input from the child component and being able to iterate from the for loop from the parent if it is possible. </p>
  
  <blockquote>
    <p>Please let me know if you need more information such as the component files or clarification </p>
  </blockquote>