title: Angular. Parent's button should navigate to one of the child's templates
body: <p>There is array of objects in parent's component: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngFor="let sticker of stickers"
  routerLink="sticker-details/{{sticker.id}}"&gt;
      &lt;h3&gt;{{sticker.title}}&lt;/h3&gt;
      &lt;p&gt;{{sticker.content}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And also the button: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;button (click)="add(sticker)"&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>When I click this button it only creates new empty object and adds it to array. Then when I click on this object it opens a child's component read template, and I have to click the edit button so it shows the edit template.
  Here's the child component template: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngIf="readTemp"&gt;
  &lt;button (click)="edit()"&gt;&lt;/button&gt;
  &lt;button (click)="delete()"&gt;&lt;/button&gt;
  ...
  &lt;/div&gt;
  
  &lt;div *ngIf="!readTemp"&gt;
  &lt;button (click)="cancel()"&gt;&lt;/button&gt;
  &lt;button (click)="save()"&gt;&lt;/button&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>And a parent's component method: </p>
  
  <pre class="lang-js prettyprint-override"><code>add(sticker: Sticker): void {
              this.stickService.addSticker({sticker} as Sticker)
                .subscribe(sticker =&gt; {
                  this.stickers.push(sticker);
      }
  }
  </code></pre>
  
  <p>How can I make the add button to load the edit template and add a new object in array? 
  I tried routing, it doesn't work. </p>