Snackbar在模态表角材料上不起作用
Snackbar是一种用户界面组件，通常用于向用户显示短暂的提示信息或操作结果。它可以在屏幕的底部或顶部弹出，提供一种非侵入式的方式来向用户传达信息。
Snackbar在模态表角材料上不起作用的原因可能是由于以下几个方面：
- 模态框（Modal）的特性：模态框是一种覆盖在页面上的浮动窗口，它会阻止用户与页面的其他部分进行交互。由于Snackbar通常是在页面的底部或顶部弹出，而模态框会覆盖整个页面，因此Snackbar可能被模态框所遮挡，导致不起作用。
- Snackbar的层级问题：Snackbar通常是以浮动的方式显示在页面上，而模态框可能具有更高的层级，导致Snackbar被模态框所覆盖。这可能是由于CSS样式或JavaScript代码中的层级设置问题导致的。
解决这个问题的方法可以是：
- 调整模态框的样式或行为：可以尝试调整模态框的位置或层级，以确保它不会遮挡Snackbar。可以通过修改CSS样式或JavaScript代码来实现这一点。
- 使用其他提示组件：如果Snackbar在模态框上无法正常工作，可以考虑使用其他类型的提示组件，例如Toast或Alert。这些组件通常以覆盖整个页面的方式显示，不会受到模态框的影响。
腾讯云相关产品中，可以使用云开发（CloudBase）来实现类似Snackbar的功能。云开发是一种集成了前端开发、后端开发、数据库和存储等功能的云服务，可以帮助开发者快速构建和部署应用。具体可以参考腾讯云云开发产品介绍：https://cloud.tencent.com/product/tcb
相关·内容
1回答
Snackbar在模态表角材料上不起作用
angular、typescript、angular-material、angular8
我已经实现了删除的功能，在成功完成后，我必须显示一个快餐栏与消息从后端接收。我可以得到正确的回答，但无法访问快餐栏。我认为范围是不同的，因为它是mat-dialog表，而不是我要删除用户的地方。CommonService {
public showSnackBar(message
浏览 7提问于2020-11-13得票数 0
7回答
在模态底部工作表上方显示SnackBar
flutter、dart、flutter-layout
我试图在我的模态底部工作表上显示一个SnackBar，但它不起作用。你知道如何做到这一点吗？谢谢
浏览 3提问于2020-03-14得票数 9
2回答
带有图标的材料工具提示在移动电话上不起作用
angular、angular-material、tooltip
我使用角7与材料，我想创建一个输入字段与信息图标在最后使用matSuffix，这是一个工具提示。它在桌面上工作，但在移动电话上不起作用。我创建了一个stackblitz：，我也尝试过在按钮中使用它，但是它也不起作用。
有人能帮我吗？
浏览 0提问于2019-04-10得票数 6
回答已采纳
1回答
蛇条风格.角质材料6
angular、angular-material、angular6、angular-material-5
我使用的是角度6和材料6，我需要设置边距-底部:20‘m为一个小吃栏。我的问题是，当一个被关闭，另一个被打开时，动画重叠。我该怎么解决呢？2)我的代码(坏)示例：转到官方快捷键示例()。
浏览 2提问于2018-06-05得票数 1
1回答
MatDialog内部的动画无法工作
angular、angular-material2
但在MatDialog内部却不起作用。 <ng-template #container> </div>在“我正在使用@角/材料6.3.0
浏览 0提问于2018-10-04得票数 2
回答已采纳
9回答
角材料覆盖SnackBar组件的默认样式
css、angular、angular-material2
我试图覆盖组件在角材料中的默认最大宽度.按角材料应用的CSS如下所示： border-radius: 2px; displaymin-width: 288px; transform: translateY(100%) translateY(24px);我已经尝试过在我的
浏览 9提问于2017-12-12得票数 22
回答已采纳
2回答
我需要在div中写入一个错误弹出，而不是使用TS的snackbar。
html、angular、angularjs、typescript、loops
我需要写一个弹出错误处理程序与html，角和类型记录。我试着想出用ngFor循环来做这件事的最佳方法。什么是最好的方法来接近它？我对这一切有点陌生
浏览 6提问于2022-03-30得票数 -2
1回答
在角*ngFor循环中使用$(this)
jquery、angular、this、ngfor
我试图创建一个图像模式，如果你点击一个图像，它会创建一个放大的预览。我有三个来自服务的图像，我使用*ngFor显示这三个图片。然而，当一个图像被点击时，这三个图像都会被放大。我知道我可以使用$(这个)，所以click函数知道要放大哪个图像url，但我不知道具体如何实现。任何帮助都将不胜感激。如果我需要安装jquery才能让它正常工作或导入，请告诉我。谢谢!import { Component, OnInit } from '@angular/core';
import { RandomdogpicsService } from './randomdogpics.
浏览 3提问于2022-08-22得票数 -1
2回答
角材料尾区不自动对焦
angular、angular-material
我在一个模态的底部添加了一个文本区域，自动对焦产生了滚动到底部的副作用。没有这个自动对焦会解决这个问题。知道是怎么回事吗。placeholder="Review Notes" [autofocus]="false" [(ngModel)]="reviewNotes"></textarea>
“@角/材料”："^6.4.7"，
浏览 1提问于2018-11-01得票数 1
回答已采纳
1回答
如何为整个应用程序编写一次离子警报组件？
angular、ionic-framework、alert、overlay、popover
是否有办法在应用程序级别实现一次覆盖/警报/弹出，而无需编写代码来处理每个模块中潜在的覆盖/弹出/警报？
-保罗
浏览 1提问于2022-05-25得票数 1
回答已采纳
1回答
是否有一种方法可以向角材料组件(底部页/对话框/Snackbar)添加指令？
angular、angular-material、angular-directive、bottom-sheet
我想使一个应用程序在左侧，右侧和底部一个侧，强制是使用角材料组件库()，并与角-大小-元素使所有组件可调整大小。"onResizeEnd($event)" #right>对于底部肚脐板，我找到了角材料我的问题是它的底部页称为模态/弹出，如下所示：
let dialogRef =
浏览 3提问于2019-12-17得票数 0
回答已采纳
1回答
“角材料”对话框显示两次
angular、angular-material、leaflet
我使用传单绘制地图，并试图使用角度材料显示一些模式，但我遇到了一个问题。这是我的配置：
角<
浏览 2提问于2020-08-25得票数 1
回答已采纳
5回答
如何创建类似于材料文档中的Snackbar？
android、material-design、material-components-android、android-snackbar、snackbar
我在Outlook应用程序中看到了这种新的Snackbar风格，现在我在材料文档中寻找它：
有人知道如何创建那些“偏置小吃栏”吗？
浏览 2提问于2018-07-18得票数 6
回答已采纳
4回答
角质材料蛇条未正确显示
angular、angular-material、angular7、snackbar
嗨，社区，我实现了一个全局错误处理程序和一个全局加载组件(角材料旋转)到我的角7项目。当检测到HttpErrorResponse时，应移除装载机，并显示有角的材料线夹。在移除加载旋转器时也会显示此行为。
有没有人知道如何解决这个问题？非常感谢。
浏览 5提问于2018-11-13得票数 9
回答已采纳
1回答
在添加材料模块的项目中禁用引导模态对话框。
angular、twitter-bootstrap、angular-material、modal-dialog、disable
我正在转移我的基于引导的角度11项目为基础的材料。菜单，西德纳夫和新的材料为基础的组件工作良好。然而，我的旧的基于引导的组件，从按钮按下开始使用Modal对话框，显示为禁用的，对任何事情都没有反应。完全相同的代码在没有包含材料模块的情况下工作得很好。当我将材料组件MatButtonModule,MatExpansionModule,MatIconModule, MatListModule,MatMenuModule, MatSidenavModule在这种情况下，同时使用材料和引导带似乎
浏览 2提问于2022-04-30得票数 1
1回答
无法使用自定义的ErrorHandler角5显示后端错误的材质选择条
javascript、angular、typescript、angular-material、angular5
我试图为我的角度5应用程序的后端错误显示一个材料快捷键。@Injectable() this.openSnackBar(errorMsg);
openSnackB
浏览 0提问于2018-05-15得票数 2
回答已采纳
1回答
如何在中修复角Web组件的CSS问题？
reactjs、angular、angular-material、web-component、react-material
我有一个简单的，我从角材料UI(按钮/表/RadioButtons)中导入了一个带有一些小部件的角Web组件。运行此时，角Web组件的功能(如按钮/表/收音机)工作得很好。然而，造型/动画的角度材料用户界面似乎根本不起作用。
会感谢任何反应或专家的意见。:)
浏览 2提问于2020-07-21得票数 0
回答已采纳
1回答
AngularJS -对象未传递给模态对话框
javascript、angularjs、angularjs-scope
然而，问题是现有的信息没有显示在表单中，因此编辑不起作用。我认为问题在于，该模式并不继承父页面的作用域，但我不知道该做什么来修复它。我尝试过在输入字段中使用属性(例如，$parent预置的ng模型)。</td> </tbody> </div>
以及定义模态和
浏览 3提问于2015-07-01得票数 0
回答已采纳
1回答
角2/4用户体验。模态窗口，弹出式窗口
angular、user-experience、angular-components
为什么角2或4没有弹出窗口或模态窗口，我们必须自己实现它？是因为设计的单页应用程序不应该有弹出窗口，还是因为很难维护移动段的弹出窗口？
浏览 4提问于2017-07-12得票数 0
回答已采纳
3回答
角材分页在IE 10中不起作用
html、css、angular、angular-material2
我在我的角(4.4.4)应用程序中使用了角材料的组件.然而，表的分页(垫-分页)故障。下一个按钮和prev按钮似乎被禁用。这个问题只出现在IE 10中。根据文档，角材料应该支持n-1浏览器，这意味着IE10也在列表中.然而，很明显，图书馆在其中不起作用。
在IE 10中，是否有任何修复或填充来使组件正常工作？
浏览 3提问于2018-01-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
