Угловые Материал - Missing классы (например: мкр-2-линия)

Question

Я пытаюсь использовать MD-лист

<md-list-item class="md-2-line"> 
     <md-icon md-svg-icon="communication:phone"></md-icon> 
     <div class="md-list-item-text"> 
      <h3>Title</h3> 
      <p>Text</p> 
     </div> 
     </md-list-item> 

Но я только получить нормальный шрифт и когда я делаю поиск в моем коде для всех эти классы, я не могу их найти (например, md-2-line нигде не видно).

Я сделал привязку для установки углов, поэтому я предполагаю, что в компонентах-> list-> js-> list.css я должен видеть эти классы, как в scss на github.

Что мне не хватает? Спасибо

Answer 1

Возможно, вы берете код из фактических примеров, но я думаю, что речь идет о версии 0.9.0-RC2. Когда вы устанавливаете с колокольчика, вы получаете 0,8 как последний доступный. В сводке изменений 0.9.0-rc1 и 0.9.0-rc2 вы можете увидеть некоторые нарушения в директиве md-list.

я не проверял сам, но надеюсь, что это помогает решить проблему, попробуйте добавить следующие классы для ваших стилей:

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style { 
    -webkit-align-items: flex-start; 
     -ms-flex-align: start; 
      align-items: flex-start; } 
    md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text { 
    -webkit-flex: 1; 
     -ms-flex: 1; 
      flex: 1; 
    padding: 16px 0; 
    text-overflow: ellipsis; } 
    md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { 
     margin-left: 56px; } 
    md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 { 
     margin: 0 0 6px 0; 
     line-height: 0.75em; } 
    md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 { 
     font-weight: 400; 
     margin: 10px 0 5px 0; 
     line-height: 0.75em; } 
    md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p { 
     margin: 0 0 0px 0; 
     line-height: 1.6em; } 

md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child { 
    margin-top: 12px; } 
md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child { 
    -webkit-align-self: center; 
     -ms-flex-item-align: center; 
      align-self: center; } 
md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text { 
    -webkit-flex: 1; 
     -ms-flex: 1; 
      flex: 1; 
    padding-top: 19px; } 

Answer 2

md-list-item «s CSS классы md-2-linemd-3-line принадлежит 0.9.0 - веры. Сначала у меня также есть аналогичная проблема после того, как я обновляю последнюю версию - все работает так, как ожидалось.