问题标签 [angular-material-8]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
65 浏览

angular-material - 我想通过选择多个值作为表 2 中提到的对象将数据发送到后端

我想实现格式 2 的输出,我只得到格式 1。所以请帮助我。我怎样才能做到这一点?请帮助我。我是角度和堆栈溢出的新手。如果我犯了任何愚蠢的错误,请不要对我苛刻。谢谢你。谢谢你。我想实现格式 2 的输出,我只得到格式 1。所以请帮助我。我怎样才能做到这一点?请帮助我。我是角度和堆栈溢出的新手。如果我犯了任何愚蠢的错误,请不要对我苛刻。谢谢你。谢谢你。

这是我的 ts 文件。

0 投票
1 回答
851 浏览

angular - Angular changeDetector.detectChanges() 在 *ngFor 中破坏 matTooltip

以下组件中的 matTooltip 正确重绘。工具提示的覆盖层和小气泡被渲染,但文本丢失(尽管在浏览器中检查时在 html 中)并且没有正确定位。

有趣的是,工具提示在我删除 detectChanges() 调用时有效,或者它在 *ngFor 之外有效,即使使用 detectChanges();

我已经验证,appbarItems 只设置了一次并且没有改变

0 投票
1 回答
29 浏览

angular-material - 在Angular Material 8中的每个树节点上显示onHover图标

我需要在 Angular Material 8 的每个树节点上的 Hover 上显示图标。

实现这一目标的最佳方法是什么?

考虑到我们将有 500-1000 个树节点和性能方面,我不想使用 ngAfterViewChecked 并在每个树节点上绑定 onHover 事件来实现这一点。

0 投票
1 回答
1585 浏览

angular - 角材料更改垫复选框内的刻度颜色

在此处输入图像描述

我正在尝试将 mat-checkbox 内的刻度颜色从白色更改为黑色,但我找不到刻度标记的 CSS 类,请帮助?

0 投票
1 回答
625 浏览

css - 是否可以在验证错误时使输入垫表单字段的整个边框填充为红色

在我的表单中,我有自定义的电子邮件字段,我不能使用大纲外观输入字段。

验证时如果有错误,如下所示

在此处输入图像描述

是否可以使它如下所示突出显示整个输入字段

在此处输入图像描述

我可以看到很多轮廓外观表单字段的示例,但不是填充外观。有人可以指导。TIA

更新:

在 css 下面尝试了我仍然无法实现。

如果有任何黑客可以实现这一点,将会很有帮助。

0 投票
0 回答
117 浏览

angular - Angular 一条路径根据条件加载多个模块

尝试根据用户在我的 Angular 应用程序中的角色加载多个模块。

一旦用户被验证并且应用程序收到一条成功消息,这就是我所做的。

我的路线所在的文件(page-routing.module.ts):

我正在为路径“home”(home-handler.module.ts)加载这个处理程序模块:

正如您在上面的代码中看到的,我正在根据用户角色加载模块。

身份验证服务如下所示:

问题是当具有角色调度程序的用户第一次登录并尝试重定向到主页时。在 home-handler.module.ts configHomeHandlerRoutes() 方法中。authService.getUser() 返回未定义。并始终重定向到 default.module 而不是 dispatcher.module

我还尝试了以下代码从 route.config 中删除当前主路径并重新添加它。但它重定向到 404 找不到页面路径。

AuthService 中的 setUser() 方法:

我该如何解决这个问题或我哪里出错了?

0 投票
0 回答
37 浏览

angular-material-8 - 未应用 Angular 预建主题

预建主题不起作用。我将此添加到我的 styles.css

还尝试将其添加到 index.html

但我在浏览器中收到此错误:

我正在使用 Angular 12。

0 投票
1 回答
527 浏览

angular - 水平滚动 Angular Material Stepper 表单标题项

我有一个 Angular Material Stepper 表单,上面有 15 个步骤。由于有很多步骤,标题文本正在缩小,无法看到文本。请参考下图:

在此处输入图像描述

我正在尝试为每个标题项设置固定宽度,并使标题像在材料选项卡中一样水平滚动。我使用的代码如下:

StackBlitz

请帮我完成这件事。

0 投票
0 回答
112 浏览

angular - 单击上传按钮时如何添加进度条?

我在 Angular 8 应用程序上工作,我需要添加进度条

单击上传按钮时,进度条将在单击时起作用

按钮上传直到完成上传

上传服务

组件上传.ts

组件上传.html

我尝试如下

但问题仍然存在对进度百分比没有影响或完成时没有给我上传成功你能帮我吗

0 投票
1 回答
261 浏览

typescript - 订阅数据时如何转换事件以返回 HttpEventType.Response?

我在 Angular 8 上工作我遇到问题我无法在订阅数据以获取进度条上传时将事件转换为返回 HttpEventType.Response

组件服务

组件类型脚本

event.type 总是在调试器上返回“text/plain”并且事件是 BLOB 所以如何将它转换为返回 HttpEventType.Response

更新原帖

我尝试如下:

图像问题

我得到的错误是

响应头