title: Remove click behaviour from md-list-item (AngularJS Material)
body: <p>In AngularJS Material, I want a simple list, not clickable items, just text with the correct spacing. I cannot make a non-clickable list! </p>
  
  <p>I have looked over the documentation and I don't understand why  is always adding class="md-clickable"... here is my code: </p>
  
  <p><a href="https://codepen.io/anon/pen/zaJpGY" rel="nofollow noreferrer">https://codepen.io/anon/pen/zaJpGY</a></p>
  
  <pre><code>&lt;md-content class="acc-content"&gt;
  
  
            &lt;md-list&gt;
                &lt;md-list-item&gt;
                  &lt;md-checkbox ng-disabled="true" ng-checked="true"&gt;&lt;/md-checkbox&gt;
                  &lt;p class="md-list-item-text"&gt;Agree to terms and conditions&lt;/p&gt;
                &lt;/md-list-item&gt;
                &lt;md-list-item&gt;
                  &lt;md-checkbox&gt;&lt;/md-checkbox&gt;&lt;p&gt;Provide personal details&lt;/p&gt;
                &lt;/md-list-item&gt;
                &lt;md-list-item&gt;
                  &lt;md-checkbox&gt;&lt;/md-checkbox&gt;&lt;p&gt;Bank details&lt;/p&gt;
                &lt;/md-list-item&gt;
            &lt;/md-list&gt;
  
  
      &lt;/md-content&gt;
  </code></pre>
  
  <p>How do I make these list items non-clickable? </p>