使用正确的 Angular Material directive,如何将方向更改为垂直方向? 从垂直标签开始: 然后想要放到mat-select下拉列表下面的内容: 编辑:如果有人
... . . 使用正确的 Angular Material directive,如何将方向更改为垂直方向?
从垂直标签开始:
然后想要放到mat-select下拉列表下面的内容:
编辑:如果有人不打扰我,将努力使https://stackoverflow.com/a/43389018适应我的答案:)
.解决方法
. 写了 angular-vertical-tabs.这简单地包装@ angular / material的mat-selection-list
,并使用@ angular / flex-layout重新定向不同的屏幕尺寸.
用法
<vertical-tabs> <vertical-tab tabTitle="Tab 0"> Lorem ipsum dolor sit amet,consectetur adipiscing elit. Mauris tincidunt mattis neque lacinia dignissim. Morbi ex orci,bibendum et varius vel,porttitor et magna. </vertical-tab> <vertical-tab tabTitle="Tab b"> Curabitur efficitur eleifend nulla,eget porta diam sodales in. Lorem ipsum dolor sit amet,consectetur adipiscing elit. Maecenas vestibulum libero lacus,et porta ex tincidunt quis. </vertical-tab> <vertical-tab tabTitle="Tab 2"> Sed dictum,diam et vehicula sollicitudin,eros orci viverra diam,et pretium risus nisl eget ex. Integer lacinia commodo ipsum,sit amet consectetur magna hendrerit eu. </vertical-tab></vertical-tabs>
产量
全屏宽度
屏幕较小