title: How to disable angular material component md-chips?
body: <p>I have read angular material documentation and they have readonly attribute to disable the element. But I can't get it to work, is there any other Angular Material approach that I can use? I want to disabled element by default.
  main.html</p>
  
  <pre><code>&lt;div layout="row" layout-margin&gt;
     &lt;md-input-container flex="100" class="notifyUser-chips"&gt;
         &lt;label&gt;Bcc&lt;/label&gt;
         &lt;br&gt;
         &lt;md-chips flex="100"
                   ng-model="notifyCtrl.bcc"
                   name="email"
                   readonly="true"&gt;
         &lt;/md-chips&gt;
         &lt;p style="color:red" ng-show="patternError"&gt;An email must contain a-z, A-Z, 0-9, or _ characters&lt;/p&gt;
     &lt;/md-input-container&gt;
  &lt;/div&gt;
  </code></pre>