2015-07-12 2 views
3

Я использую угловой материал (https://material.angularjs.org/)Угловой материал отдельного мкра-язычки тело

Есть ли способ, чтобы отделить ушки тела из списка вкладок? Я не мог найти упоминания об этом в документации.

В настоящее время у меня есть что-то вроде этого, мне нужно переместить md-tab-body за пределами md-tabs. Предпочтительно без использования состояний или контроллера показать/скрыть логику.

<md-tabs> 
<md-tab> 
    <md-tab-label>First tab</md-tab-label> 
    <md-tab-body> 
     <p>First tabs content.</p> 
    </md-tab-body> 
</md-tab> 
<md-tab> 
    <md-tab-label>Second tab</md-tab-label> 
    <md-tab-body> 
     <p>Second tabs content.</p> 
    </md-tab-body> 
</md-tab> 

+0

Нет, это невозможно; это не имело бы никакого смысла. Если ваша цель чисто эстетическая, почему бы вам просто не использовать CSS? – Blackhole

+0

@Blackhole Я не имел в виду буквально перемещать 'md-tab-body'; просто добиваясь такого же эффекта внутри самой рамки без лишнего вздутия, поскольку это возможно, например, в бутстрапе. – Kaspars

ответ

5

Это не возможно в настоящее время, но могут быть различные решения в зависимости от вашего сценария использования.

Вариант 1

The md-tab-body не является обязательным, так что вы можете использовать md-tabs, чтобы обрабатывать только панель вкладок, и вручную обрабатывать контент вкладки в другом месте, связанный с тем же выбранным индексом, используемого md-tabs.

Вариант 2

Много людей хотят эту функциональность, так что панель вкладок может быть частью md-toolbar. Это может быть достигнуто путем помещения элемента md-tabs непосредственно после md-toolbar, как показано здесь: http://codepen.io/robertmesserle/pen/LVxzNW

+2

Ссылка codepen больше не работает. –

Смежные вопросы