title: Angular: Form fields read-only mode
body: <p>I have some forms that should be editable only by some users. Other users should only be able to view it.</p>
  
  <p>Currently, for each form control in a form, I'm checking condition and displaying either a form control or a text. Something like,</p>
  
  <pre><code>&lt;div&gt;
      &lt;input type="text" *ngIf="editable"&gt;
      &lt;p *ngIf="!editable"&gt;{{value}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This doesn't seem to be an elegant way. Please suggest a cleaner way to achieve this, like doing something at the top level.</p>