从md列表项(AngularJS材料)中删除点击行为

Question

在AngularJS材料中，我想要一个简单的列表，而不是可点击的项目，只是具有正确间距的文本。我无法制作不可点击的列表！

我已经查看了文档，我不明白为什么总是添加 class="md-clickable"......这是我的代码：

https://codepen.io/anon/pen/zaJpGY

<md-content class="acc-content">

<md-list>
<md-list-item>
<md-checkbox ng-disabled="true" ng-checked="true"></md-checkbox>
<p class="md-list-item-text">Agree to terms and conditions</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Provide personal details</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Bank details</p>
</md-list-item>
</md-list>

</md-content>

如何使这些列表项不可点击？

Answer 1

解决方案是禁用您的list-item。

<md-content class="acc-content">
<md-list>
<md-list-item ng-disabled="true"> <!-- here -->
<md-checkbox ng-disabled="true" ng-checked="true"></md-checkbox>
<p class="md-list-item-text">Agree to terms and conditions</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Provide personal details</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Bank details</p>
</md-list-item>
</md-list>
</md-content>

Answer 2

您可以将class="md-no-proxy"添加到md-list-item标签

中见 https://material.angularjs.org/latest/api/directive/mdListItem

<md-content class="acc-content">
<md-list>
<md-list-item class="md-no-proxy"> <!-- here -->
<md-checkbox ng-disabled="true" ng-checked="true"></md-checkbox>
<p class="md-list-item-text">Agree to terms and conditions</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Provide personal details</p>
</md-list-item>
<md-list-item>
<md-checkbox></md-checkbox><p>Bank details</p>
</md-list-item>
</md-list>
</md-content>