title: Make a condition on header that have a button (Disable/Show the button) [Angular]
body: <p>I have a header in my project. The header includes a button inside it.
  Now I have a new component and a new module in my project and I want to use the same header but without the button. How can I do this?</p>
  
  <p><strong>My Header HTML</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;header&gt;
      &lt;div class="container"&gt;
          &lt;button mat-fab class="mat-success" [mdePopoverTriggerFor]="appPopover" mdePopoverTriggerOn="click" mdePopoverPositionX="before"&gt;+&lt;/button&gt;
          &lt;mde-popover #appPopover="mdePopover" [mdePopoverOverlapTrigger]="false" [mdePopoverCloseOnClick]="true"&gt;
              &lt;app-reports-list&gt;&lt;/app-reports-list&gt;
          &lt;/mde-popover&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>In my original component:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;app-header&gt;&lt;/app-header&gt;
  &lt;main&gt;
      &lt;app-reports&gt;&lt;/app-reports&gt;
  &lt;/main&gt;
  &lt;app-footer&gt;&lt;/app-footer&gt;
  </code></pre>
  
  <p>And in my new component (here I want it without the button just the header)</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;app-header&gt;&lt;/app-header&gt;
  &lt;main&gt;
      &lt;app-kit-process&gt;&lt;/app-kit-process&gt;
  &lt;/main&gt;
  &lt;app-footer&gt;&lt;/app-footer&gt;
  </code></pre>
  
  <p>Thanks and have a good coding day :)</p>