title: How to change boolean value on click in angular 2 component
body: <p><strong>How do I connect the button to change the values of the [codeOnly] values in the directives below it?</strong> </p>
  
  <p>I'm using Angular 2.4.10 in typescript.</p>
  
  <pre><code>&lt;button class="btn btn-primary"&gt;
       Click me to change all of the [codeOnly] values below to true
  &lt;/button&gt;
  
  &lt;app-header [codeOnly]='false'&gt;&lt;/app-header&gt;
  
  &lt;app-power-bi-wrapper [codeOnly]='false'&gt;&lt;/app-power-bi-wrapper&gt;
  
  &lt;app-power-bi-wrapper-mobile [codeOnly]='false'&gt;&lt;/app-power-bi-wrapper-mobile&gt;
  
  &lt;app-page-title [codeOnly]='false'&gt;&lt;/app-page-title&gt;
  
  &lt;app-page-title-nav [codeOnly]='false'&gt;&lt;/app-page-title-nav&gt;
  </code></pre>