title: Angular :How to Show the same modal with different content onClick different buttons?
body: <p>I have a same open pop modal with 2 different button one for add product 
  setting and another for Edit product setting.how should i hide the button for same modal on click of add product setting it should show create button and on click of edit button setting button it show hide  create button and show update button ?</p>
  
  <pre><code>&lt;!-- modal footer --&gt;
  &lt;div class="modal-footer"&gt;
     &lt;button md-raised-button color="primary"   id="CreateProduct" (click)="CreateProductsetting()"&gt;Create&lt;/button&gt;
     &lt;!--&lt;button md-raised-button color="primary"   id="Editproduct" (click)="EditProductsetting()"&gt;Update&lt;/button&gt;--&gt;
     &lt;button md-raised-button class="cancel-button"  data-dismiss="modal"&gt;Cancel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I expected the output for same pop modal with different functionality that is one for add product setting and another for edit product setting.</p>