title: Angular mat-form-filed input disable autocomplete
body: <p>I am using angular material for all my controls. We have a requirement to disable auto-complete so that any previously typed value will not show up.
  I have my code as below. I tried autocomplete &quot;off&quot; &quot;disabled&quot; and other suggestions that I found online. But nothing seems to work.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;mat-form-field
    [ngClass]=&quot;{ 'invalid-uinque-id': (form.errors.locatorId || form.errors.locatorIdInvalidBadge) }&quot;
    id=&quot;sta_BadgeFormField&quot;
  &gt;
    &lt;input
      formControlName=&quot;locatorId&quot;
      (blur)=&quot;onBlurLocatorVendorMethod(selectedVendor.id)&quot;
      matInput
      i18n-placeholder=&quot;Locator Badge ID|Placeholder for locator badge id label in add staff dialog@@addstaffLocatorBadgeId&quot;
      placeholder=&quot;Locator Badge ID&quot;
      name=&quot;locatorId&quot;
      maxlength=&quot;20&quot;
      [errorStateMatcher]=&quot;esMatcher&quot;
      autocomplete=&quot;disabled&quot;
    /&gt; 
  &lt;/mat-form-field&gt;
  </code></pre>