mat-tab相关内容

在材料设计选项卡 mat-ink-bar 底部添加三角形

我想为 角形材质标签. 我想归档这样的设计:Jsfiddle 示例 问题是 mat-ink-bar 已经 absolute 定位,我无法显示我的 ::after 元素.有什么办法可以存档吗? 这是我在 stackblitz 上的尝试:stackblitz 上的垫子标签 我的样式位于 style.css 内.如果您使用开发工具,底部的三角形将被隐藏.我无法使用 z-index ..
发布时间:2021-11-10 02:09:01 前端开发

在材料设计选项卡 mat-ink-bar 底部添加三角形

我想为 角形材质标签. 我想归档这样的设计:Jsfiddle 示例 问题是 mat-ink-bar 已经 absolute 定位,我无法显示我的 ::after 元素.有什么办法可以存档吗? 这是我在 stackblitz 上的尝试:stackblitz 上的垫子标签 我的样式位于 style.css 内.如果您使用开发工具,底部的三角形将被隐藏.我无法使用 z-index ..
发布时间:2021-11-10 02:07:05 前端开发

嵌套的 Angular 材质选项卡

我需要将动态选项卡添加到某些 User Preferences 屏幕.主要首选项选项卡可以是具有静态内容的静态选项卡,但第二个选项卡应具有嵌套的 mat-tab 元素. 这些额外的动态首选项来自后端,然后允许我使用 *ngFor 来呈现额外的选项卡. 我现在看到的问题是标签 labels.标签文本从第一个嵌套选项卡中获取其值,而不是从我设置的 label 属性中获取. 请在 st ..
发布时间:2021-11-10 01:52:07 其他开发

是否可以使用纯 css 禁用 mat-tab 动画

我想禁用 Angular Material mat-tab 动画(内容滑动到位时发生的动画).我知道可以使用 [@.disabled] 属性,但我想知道是否可以使用纯 css 实现相同的效果. 编辑: 我们的 UX 团队希望从材料选项卡中删除幻灯片动画,因为他们认为无论出于何种原因都不合适.我们有多个项目可能会多次使用选项卡组件,因此我们想要一种方法来移除当前选项卡和即将出现的选项卡的 ..
发布时间:2021-11-10 01:42:45 前端开发

在 mat 选项卡上将没有选项卡设置为默认活动选项卡

我使用 mat-tab 实现了搜索功能,我不需要在初始加载时选择选项卡.只有当用户点击特定标签时,标签才会被激活. 目前,第一个选项卡在加载时处于活动状态.我试过设置 selectedIndex="null" 但没有用.此外,我需要在单击按钮时重置选定的选项卡. 解决方案 在当前的 API 版本中没有预定义的选项来取消选择所有选项卡,因为这意味着至少应该有一个选项卡处于活动状态.但是 ..
发布时间:2021-11-10 01:27:05 其他开发

嵌套的Angular材质选项卡

我需要在某些 User Preferences 屏幕上添加动态标签.主要首选项选项卡可以是具有静态内容的静态选项卡,但是第二个选项卡应具有嵌套的 mat-tab 元素. 这些额外的动态首选项来自后端,然后,我可以使用 * ngFor 渲染额外的标签. 我现在看到的问题是标签 labels .标签文本将从第一个嵌套选项卡中获取其值,而不是从我正在设置的 label 属性中获取. 请 ..
发布时间:2021-04-06 20:42:33 其他开发

在材料设计选项卡的底部添加三角形墨垫

我想为mat-ink-bar 的样式“>“角度材料"标签. 我想归档这样的设计: Jsfiddle示例 问题是 mat-ink-bar 已经 absolute 定位,并且我无法显示我的 :: after 元素.有什么办法可以存档吗? 这是我在stackblitz上尝试过的方法: stackblitz上的垫子标签 我的风格位于 style.css 中.如果使用开发工具,则底部 ..
发布时间:2021-04-06 20:21:52 前端开发

将无选项卡设置为垫选项卡上的默认活动选项卡

我已经使用 mat-tab 实现了搜索功能,在初始加载时无需选择任何标签.仅当用户单击特定选项卡时,选项卡才应激活. 当前,第一个选项卡在加载时处于活动状态.我尝试设置 selectedIndex ="null" ,但是没有用.另外,我需要在单击按钮时重置选定的选项卡. CSS: ::: ng-deep .mat-tab-labels>.mat-tab-label:第一个孩子{显示 ..
发布时间:2021-04-06 18:44:01 其他开发

是否可以使用纯CSS禁用Mat-tab动画

我想禁用"Angular Material" mat-tab动画(当内容滑入到位时出现的动画).我知道可以使用[@ .disabled]属性,但我想知道使用纯CSS是否可以实现相同的效果. 编辑: 我们的用户体验团队希望从材料选项卡中删除幻灯片动画,因为他们认为出于任何原因它们都不适合.我们有多个项目可能会多次使用tabs组件,因此我们希望有一种方法可以删除当前选项卡和以后使用的动画. ..
发布时间:2020-07-24 08:46:50 前端开发