Css 从md列表项中删除单击行为（AngularJS材质）

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

我查看了文档，不明白为什么总是添加class=“md clickable”。。。这是我的密码：

同意条款和条件

提供个人资料

银行详情

---

如何使这些列表项不可单击

解决方案是禁用您的

列表项

<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>

同意条款和条件

提供个人资料

银行详情

您可以将

class=“md无代理”

添加到您的

md列表项

标记中

看

同意条款和条件

提供个人资料

银行详情

您可以使用：[disabled]=“boolean”轻松禁用复选框，为什么不删除

标记呢。如果用户不能点击它们，保留它们是没有用的。我想要复选框。如果你看我的代码，你会看到一些是禁用的。是的，这是完美的工作！我没有想到尝试+我将添加一个额外的CSS类来禁用鼠标指针悬停，那么它的完美：）遗憾的是需要额外的观察者。它真的需要观察者吗，因为它需要一个非插值的值？

<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>

<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>