Удалить поведение кликов из md-list-item (AngularJS Material) - PullRequest
Новая
       9

Удалить поведение кликов из md-list-item (AngularJS Material)

0 голосов
/ 26 июня 2018

В AngularJS Material я хочу простой список, не кликабельные элементы, просто текст с правильным интервалом. Я не могу сделать список без кликов!

Я просмотрел документацию и не понимаю, почему всегда добавляется 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>

Как сделать эти элементы списка неактивными?

1 Ответ

0 голосов
/ 26 июня 2018

Решение состоит в том, чтобы отключить 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>
...