title: Angular style.display not working as intended
body: <p>I am trying to show and hide drop down based on a checkbox but it's not working...</p>
  
  <pre><code>&lt;p-checkbox class="column is-full" [formControlName]="'isBigCompany'" [binary]="true" [label]="'Big Company?'"&gt;&lt;/p-checkbox&gt;
  
  &lt;div class="column is-full" [style.display]="companyForm.isBigCompany ? 'block' : 'none'"&gt;Is Big Company&lt;/div&gt;
  &lt;p-dropdown class="column" [options]="bigCompanies" [formControlName]="'bigCompanies'" [placeholder]="'Select a Big Company'" [style]="{'width':'50%'}"&gt;
  &lt;/p-dropdown&gt;
  </code></pre>
  
  <p>i think the problem is here, but not sure how to fix it</p>
  
  <pre><code>[style.display]="companyForm.isBigCompany ? 'block' : 'none'"
  </code></pre>
  
  <p>I am using angular 4.3, and don't want to use ng-if</p>