title: Angular: Set one element in dropdown list to readonly
body: <p>Let's say I have a dropdown menu, with the following options: &quot;WORK&quot;, &quot;RELEASE&quot;, &quot;OPEN&quot;. The second option &quot;RELEASE&quot; should be readonly in contrast to &quot;WORK&quot; and &quot;OPEN&quot;. How can I do this?</p>
  <p>The template looks like this:</p>
  <pre><code>&lt;form [formGroup]=&quot;form&quot;&gt;
      &lt;div class=&quot;flex&quot;&gt;
          &lt;div class=&quot;col-3&quot;&gt;
              &lt;div class=&quot;flex flex-row align-items-center&quot;&gt;
                  &lt;label class=&quot;col-6&quot;&gt;Status&lt;/label&gt;
                  &lt;p-dropdown
                      [options]=&quot;workStatus&quot;
                      [showClear]=&quot;true&quot;
                      formControlName=&quot;workingStatus&quot;
                      class=&quot;col-6&quot;&gt;
                  &lt;/p-dropdown&gt;
              &lt;/div&gt;
  </code></pre>
  <p><a href="https://stackblitz.com/edit/primeng-dropdown-demo-byvrys?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer" title="Stackblitz">Stackblitz</a></p>