title: hidding button of another view angular2
body: <p>hello dears geek i have a problem with angular2:
  I'm developing an application in angular2</p>
  
  <pre><code>(menuComponent, menuView.html)
  (listProductComponent, listProductView.html)
  (detailProductComponent, detailProductView.html)
  </code></pre>
  
  <p>i have a button in the menuView.html for add new Product like this</p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
      &lt;li&gt;&lt;a class="active" [routerLink]="['ListeProduct']"&gt;Product&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a [routerLink]="['ListeArticle']"&gt;Articles&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a [routerLink]="['ListeClients']"&gt;Clients&lt;/a&gt;&lt;/li&gt;   
  &lt;/ul&gt;
  &lt;button  type="button" (click)="Add()" class="btn btn-primary    ajouter"&gt;Add&lt;/button&gt;`  
  </code></pre>
  
  <p>my <code>listProductView.html</code> is:</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
       &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Code Product&lt;/th&gt;
          &lt;th&gt;Product Name&lt;/th&gt;
          &lt;th&gt;Cost&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
      &lt;tr *ngFor="#product of products" &gt;
          &lt;td&gt;{{product.code}}&lt;/td&gt;
          &lt;td&gt;{{product.name}}&lt;/td&gt;
          &lt;td&gt;{{product.cost}}&lt;/td&gt;
      &lt;/tr&gt;   
  &lt;/table&gt; `
  </code></pre>
  
  <p>what I need is when I click on one product of the <code>listProduct</code> to see the product detail in <code>detailProductView.html</code> is to hide the button Add from <code>menuView.html</code>.</p>