angular-material相关内容

避免组件在角度上重叠

我有两个名为 customer-details 和 customer-bookings 的组件,它们在 app.component.html 文件中被它们的选择器调用为如下代码所示 组件应如下所示(即一个在另一个下方). 但它像这样重叠. 这里我面临重叠问题,我试图通过将每个组件的 h ..
发布时间:2021-11-10 02:15:43 前端开发

Mat-Stepper - 将特定步骤更改为点

我看过这篇关于如何删除标题的帖子移除 Material Stepper 标头 但我想要在特定步骤上不显示任何显示数字的跨度. 隐藏步进器的内部: 我尝试使用 id 和 .span:after 或仅使用 .span 显示 none,但没有运气.. #importer >.跨度{显示:无;} 这个有效,但我不希望它一起消失......只是数字和特定步骤...... ::ng-d ..
发布时间:2021-11-10 02:15:34 前端开发

Angular Material Paginator:如何在 ts 文件上触发转到第一页事件

我正在使用材料分页器来分页一些自定义卡片.我做了一个选择器来过滤数据.当我更改选择器值时,我想触发分页器转到第一页事件.因为例如,当我查看第 10 页并更改过滤器值分页器时,如果我没有足够的数据显示在 10.page,则会显示空页. 解决方案 我解决了我的问题.解决方案;导入 import { MatPaginator } from '@angular/material'; 这在您的 ..
发布时间:2021-11-10 02:15:31 其他开发

在 Angular Material 排序标题中创建自定义箭头

我正在创建 Angular 5 项目,我想在排序标题中创建自定义排序图标以实现此效果 https://fontawesome.com/icons/caret-up?style=solid.我不想有这个默认箭头. 我尝试更改 css 样式,但似乎不起作用.或者有什么办法可以使用JS自定义替换这个图标? ::ng-deep {.cdk-视觉隐藏{边框:0;剪辑:矩形(0 0 0 0);高度:1 ..
发布时间:2021-11-10 02:15:29 前端开发

Angular Material io 预定义主题颜色

如何从预定义的角度主题@angular/material/prebuilt-themes/deeppurple-amber.css' 访问 scss 文件中的颜色变量($primary、$accent、$warn、$foreground、$background)? 解决方案 一旦将 sass 文件编译为 css,该 css 文件中就不再有变量的概念,因此您将无法检索诸如$primary 来 ..
发布时间:2021-11-10 02:15:26 其他开发

从主页重定向到登录页面时无法隐藏登录页面中的导航栏

我正在尝试使用 Angular Material 和 Angular Flex Layout 在 Angular 中实现一个示例应用. 我已经实现了一个隐藏在登录页面中并在应用程序的所有页面中可见的导航栏. 我创建了一个名为 showmenu.service.ts 的服务,其中我声明了两个变量并将它们分配为布尔值.. 我可以在启动应用程序时隐藏登录页面中的导航栏.但是当我登录到应 ..
发布时间:2021-11-10 02:15:20 其他开发

当用户开始在 angularjs 中打字(输入字段长度 >0)时如何检查 ng-pattern?

我想检查模式检查是否输入字段长度 > 0 我该怎么做. 期待 当输入字段为空时显示所需的消息(已触摸) 开始输入后需要检查模式,如果模式不匹配需要显示请输入有效输入,如果输入字段长度为 0 只需要显示必填信息 (function(angular) {'使用严格';angular.module('ngMessagesExample', ['ngMessages']);})(win ..
发布时间:2021-11-10 02:15:17 前端开发

Angular mat-sort-header 5.2.4 的奇怪行为

我将 mat-table 与 angular material 的 mat-sort-header 结合使用.但奇怪的是,排序在 6 列(0 和 4)中的 2 列上工作正常.在对其他条目进行排序时,一个条目总是被拉到顶部,其余条目保持未排序或随机“排序".我希望我能提供足够的代码来解决它.导入都在那里,这基本上是从 https://v5.material 复制粘贴的.angular.io/comp ..
发布时间:2021-11-10 02:15:14 其他开发

Angular 6:material-nav 组件 - 模板解析错误:意外标记“?"在 [isHandset$ | 中的第 20 列异步?'对话框':'导航']

在这里,我正在尝试我的第一个 angular 6 项目,我想在我的项目中使用材料设计.我通过参考 [material.angular.io][1] 成功创建了项目,并为我的导航添加了 material:nav 组件,它创建了导航组件文件,在 .ts 文件中我有类似的东西这个: import { Component } from '@angular/core';从 '@angular/cdk/l ..
发布时间:2021-11-10 02:15:05 其他开发

为什么angular material select会溢出屏幕

我在我的应用程序中使用了角度材质选择,您可以在此处找到 https://material.angular.io/components/select/overview.问题是当我们将选择放在靠近屏幕底部的位置时,当它被打开时,它会溢出屏幕.这是我所经历的截图.需要什么样的css来防止这种情况发生. 解决方案 您可以覆盖分页器面板的默认 ..
发布时间:2021-11-10 02:15:03 前端开发

angular 6 <table mat-table>的未知属性

这与此上下文中有关角材料表的任何其他问题均不重复.所有这些其他都是指角度 2-5,而不是 6 我收到此异常: 无法绑定到“dataSource",因为它不是“table"的已知属性.(" ][数据源]="数据源"class="mat-elevation-z8"> 如果我删除 [dataSource],异常是一样的,有下一个特定指令. HTML ..
发布时间:2021-11-10 02:14:54 前端开发

角材料数据表 无数据

我正在尝试 angular 5 材料数据表. 它显示了标题,但表格中没有显示数据. 我从一个网站复制了这段代码.他们表明,数据正在显示.我检查了所有内容,代码没有区别. test.component.ts import { Component, OnInit } from '@angular/core';从“@angular/material"导入{MatTableDataSo ..
发布时间:2021-11-10 02:14:51 其他开发