angular-material相关内容
我正在尝试在自定义材料输入文本框中使用 ControlValueAccessor 应用错误验证样式.自从应用这个自定义组件以来,所有带有 formControlName/FormBuilders 的红色边框验证状态都不会显示,例如 required、minlength 等.它在 Angular Material 文本框上原生(开箱即用)工作,直到应用了自定义控件. 目标是让自定义文本框与表单
..
我们有一个带有 required 验证的自动完成输入.当用户通过输入查询来搜索选项(但未选择任何选项)时,输入有效,即使它与任何建议选项都不匹配. 我想要实现的是除非选择了建议的选项之一,否则不允许用户发布表单.我如何实现这一目标?
..
我正在使用 Angular 7,Angular Material 控件和 Reactive Forms. 我使用带有 mat-form-field 的 Angular Material 创建了自定义文本 (matInput type="text")、数字 (matInput type="number")、选择 (matSelect) 控件 这是我的示例的 stackblitz.
..
我的页面上有一个表单,当我调用 FormGroup.reset() 时,它将表单类设置为 ng-pristine ng-untouched 但 FormControl.hasError(...) 仍然返回真值.我在这里做错了什么? 模板
..
我正在使用 Angular Material Select 来显示假期.当用户选择假期时,我想显示日期而不是假期名称.例如,如果用户选择“圣诞节",我希望所选值应显示“12 月 25 日"
..
我正在尝试更改 md-menu 的默认 Angular Material 样式.问题是 Angular Material 动态生成元素,我无法从 HTML 访问它们. 这是我的 DOM: 这是我的组件 HTML(md-menu 生成那个 DOM):
徽标
..
我想将 object.names 树显示为可扩展节点,当用户单击 object.name 时,该对象的所有属性(名称除外)都应显示为叶节点.我遵循了本教程 https://material.angular.io/components/tree/overview 创建一个扁平的树. 您会看到他们将这种结构用于数据源: ...{name: '水果',孩子们: [{名称:'苹果'},{名称:'香
..
我是 angular 2 材料设计的新手,我看到的是 3 类主要、强调和警告,它们为元素提供了相应的颜色,这些是我们可以使用 angular 材料 2 设计应用程序样式的唯一东西吗?还有其他班吗?这样我们就可以根据自己的目的修改和使用它,或者我们必须通过创建类并附加到元素来从头开始设计我们的应用程序, 我也想使用主题,但我不知道如何在 angular 2 项目中使用它,我正在关注官方文档这个
..
我对 "@angular/core": "~9.1.6", 和 "@angular/material": "^9.2.3" 有一个简单的问题;,,我需要将随机 done 元素添加到 HTML 页面.我尝试将 DomSanitizer 与管道一起使用,但它不起作用. 允许 HTML 标签的管道: @Pipe({名称:'booleanToIcon'})导出类 BooleanToIconPipe
..
我正在使用一些角度材质组件,但输入框和选择选项元素出现问题.选择选项未正确对齐.当我点击查看选择选项列表时,它显示我在当前 div 之外,或者可以说页面左侧不正确. ng -v Angular CLI:1.7.4节点:8.11.1操作系统:win32 x64角度:5.2.11... 动画、通用、编译器、编译器-cli、核心、表单... http、语言服务、平台浏览器... 平台浏览器动态,
..
我有一个包含用户名的下拉菜单.我想按字母顺序排序.我怎样才能做到这一点? {{user.displayName}} 解决方案 您可以为此构建自定义 OrderBy 管道. 例如,下面的 OrderBy Pipe 将按您传递给它的 key 对 object a
..
我使用带有数组的 Angular 材质数据表作为数据源.我会使用文档中提到的 renderRows() 方法更新我的表格,每次数据更改. 我有我的 ts 文件 import { Component, OnInit } from '@angular/core';从 '@angular/material' 导入 { MatTableDataSource };从'../ajouttext.ser
..
我使用的是最新版本的 Angular 和 Angular Material.我已经实现了延迟加载功能模块,它在没有材料设计的情况下也能正常工作. 我需要在我的视图中使用以下三个材料组件/模块 - MatSidenavModule,MatIcon模块,MatListModule 只有在实现延迟加载时,才会出现模板解析错误.请附上屏幕截图以查找错误. 我创建了如下的材料共享模块
..
我有一个带有不同标签的 mat-tab 组.我想检测活动选项卡标题上的点击. 例如.我有 2 个选项卡 - company 选项卡 和 users 选项卡,每个选项卡内有 2 个视图 - 列表视图视图和详细视图.最初我想加载列表并点击一个项目,想要转到相应项目的详细视图.但是如果我再次单击选项卡标题,我想再次转到列表视图. 有像 (selectedTabChange) 这样的事件,它检
..
我在这个错误上浪费了很多时间,我正在开始一个新的 angular5 项目,我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
我在这个错误上浪费了很多时间,我正在开始一个新的 angular5 项目,我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
我正在研究 Angular4,并且一直在使用有角材料.我创建了一个选项卡组,我想在选择任何选项卡时更改选项卡标签的文本颜色.我试图覆盖默认的 css,但这对我没有帮助. 我可以覆盖墨水栏,但我无法在选择时覆盖标签文本颜色 .mat-ink-bar{背景色:#00ADEE;}/*.mat-tab-label::selection{颜色:#00ADEE !重要;} */ 我试图改变 tab-
..
正如您在此示例中看到的,当您更改选项卡时,动画上会出现垂直滚动条.
内容 1
内容 2
内容 2
..
我的组件中有一个下表, 帐户代码{{account.code}} 我在列定义和表级别都保留了 mat-sort
..
我有一个来自角度材料的输入组件: 我有两个问题: 如何在禁用状态下将下划线从虚线更改为粗体? 我知道 API 没有特别说明,但是有什么方法可以使 floatPlaceholder 属性在这里工作.(API 只提到了对 md-select 使用此属性). 解决方案 1.如何在禁用状态下将下划线从虚线更改为粗体? 使用 ViewEncapsulation 用您的自定义样式覆
..