angular5相关内容

如何更改 mat-slide-toggle 的颜色属性/覆盖组件的 CSS?

有什么方法可以更改 Angular Material 组件库中 mat-slide-toggle 组件的颜色属性?如何覆盖其样式? 或者任何人都可以建议我任何其他 angular 5 应用程序的滑动切换,例如材料滑动切换? 解决方案 您可以在组件样式中使用以下 css 更改 mat-slide-toggle 的主要颜色. /deep/.mat-slide-toggle.mat-ch ..
发布时间:2021-11-10 01:39:56 前端开发

垫选择面板最小宽度

我正在尝试使用多个复选框自定义 mat-select.由于某种原因,面板错误的最小宽度如下: 而且我不知道它在哪里计算这个最小宽度.我还尝试添加 panelClass 并覆盖此类的最小宽度,例如: &.多面板{最小宽度:200px!重要;} 但是当打开下拉菜单时,它以原始宽度(如图片所示)打开,几毫秒后“跳转"到面板类上定义的自定义最小宽度. 我发现 mat-select 很难设计 ..

Angular 5 Mat-grid 列表响应式

我创建了第 6 列的网格列表,我希望网格标题在小屏幕设备上占据 100% 的宽度.现在它也可以在小屏幕上创建 6 列 预期:一个网格标题仅在移动设备上占据 100% 的空间 解决方案 你必须根据屏幕动态设置 mat-grid-list 的 cols 属性宽度.您必须决定 mat-grid-list 渲染 1 列版本的宽度断点. HTML: ..
发布时间:2021-11-10 01:37:20 其他开发

当我在确认窗口中单击取消时,mat-slide-toggle 不应更改其状态

当我检查幻灯片切换时,它应该按预期工作.但是当我尝试取消选中它时,会出现一个确认窗口,询问您是否确定.当我在该确认窗口中单击取消时,切换仍然更改为未选中,这不应该发生.它应该保持相同的状态. 这是我的 Html 和 TS 代码 //html支付 ..
发布时间:2021-11-10 01:34:23 其他开发

'mat-toolbar' 不是已知元素 - Angular 5

我创建了一个新项目,我正在尝试添加 angular-material. 我在我的 app 文件夹中创建了 material.module.ts: import { NgModule } from '@angular/core';进口 {垫按钮模块,垫菜单模块,MatIcon模块,垫卡模块,MatSidenav模块,MatFormField 模块,垫输入模块,MatTooltip 模块,Ma ..
发布时间:2021-11-10 01:30:37 其他开发

如何设置切换按钮的颜色

我有一组切换按钮.它们非常轻,并且在亮度级别较差的显示器上消失在背景中. 我怎样才能正确地设计它们?我更愿意为它们分配 accent 或 primary 颜色,就像您可以为常规按钮做的那样. 在可能的情况下,主色和强调色是深色的.所以他们的文字应该变成白色(有一些透明度).对于普通按钮,它会自动工作. ..
发布时间:2021-11-10 01:28:03 其他开发

mat-table 不能绑定数据源

我正在尝试使用角材料表 MatTableModule,但是当将数据传递给 [dataSource] 输入时,我得到 Can't bind to'dataSource' 因为它不是 'table' 的已知属性. 错误.我已经导入了 MatTableModule 并且如 GitHub 问题 #5577 所指出的,也导入了 CdkTableModule 但仍然没有运气.有什么想法吗? 解决方案 ..
发布时间:2021-11-10 01:27:36 其他开发

Angular Material mat-datepicker(更改)事件和格式

我正在使用角度材料 datepicker 指令,但几乎没有问题. 1. 当我打开日期选择器对话框并选择任何日期时,日期显示在输入文本框中,但我想在输入文本框中发生任何更改时调用一个函数. 现在,如果我在输入文本框中手动输入任何值,我正在使用 (input) 指令触发函数,并且它工作正常,如代码所示.我想在使用日期选择器对话框更改日期时触发相同的功能. 2. 我还想将日期格式从 m ..
发布时间:2021-11-10 01:25:17 其他开发

在角度材料 5 中切换主题

我一直在阅读一些关于此的文章,但它们似乎在几个不同的方面存在冲突.我希望为最新版本重新创建与 angular material 文档站点 相同的主题切换角材料[5.0.0-rc0] 我有两个自定义主题,这是 custom-theme.scss 和 light-custom-theme.scss 几乎相同,没有 mat-dark-theme @import '~@angular/materi ..
发布时间:2021-11-10 01:22:45 其他开发

angular 中的编辑和删除操作

我正在构建一个 crud 操作并且能够执行创建操作.现在我正在尝试编辑和删除它们.我尝试通过服务获取个人数据但失败了.如果有人能帮我解决这个问题就好了. service.ts //获取角色数据获取角色数据(){var headers = new HttpHeaders().set('Authorization', 'Token' +localStorage.getItem('usertok ..

Angular5 HttpClient 发送数据但服务器无法理解其参数

当我提交一个普通的 HTML 表单时,我的后端服务(用 Laravel 编写)可以理解 POST 参数. 我检查了浏览器中的请求标头.请求参数为: 表单数据:_token:v4xCN9fHMpZhoQMGHfbqI01XDsQ1nCxYhy3RDrw5用户名:root密码:123456 然后我写了如下方法通过angular5HttpClient向服务器发送post请求: public ..
发布时间:2021-11-09 01:40:23 其他开发

Angular 5: Http failure response for (unknown url): 0 Unknown Error in EDGE browser when call api

我有一个调用 .NET Core 2.0 后端 API 的 angular 5 应用程序.从 angular 服务调用 API 在所有浏览器(Chrome、Firefox、IE11)中都可以正常工作,但在 EDGE 中不行.在 EDGE 中,我收到错误 Http 失败响应(未知 url):0 未知错误. 这是一个 CROSS ORIGIN CALL,并且已在 API 中启用 Cors,如下所示 ..
发布时间:2021-11-09 01:38:19 其他开发

在 angular x (2 4 5) 中创建一个表单并提交它的最佳方法是什么?

我有一个 angular x(2 4 5) 应用程序,我必须将帖子重定向到银行页面,以便用户可以支付一些费用.所以,我想在我的 DOM 中动态创建一个表单并发布它.找不到最好的方法.循环创建表单很容易,但绘制完成后直接发布就不容易了. 提前致谢 解决方案 您可以使用带有隐藏字段和 ViewChild 的表单来获取表单的引用,例如 @Component({选择器:'我的应用',模板: ..
发布时间:2021-11-09 01:34:32 其他开发

Angular 6 Reactive Forms Custom Validator从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..