angular-material2 相关问题

Angular Material项目是Angular 2/4/5/6中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。请勿将此标记用于AngularJS Material问题。

如何从角度材质对话框中删除填充？

请参阅以下链接了解问题描述。我想删除蓝色圆圈的空间。默认情况下显示此填充。（如何将上、下、左、右内边距设置为0px） https://github...

angular-material2

回答 2 投票 0

Angular 2 Material 主题指的是 SCSS 中的颜色

我已经根据官方指南创建了一个自定义主题。 @import '../node_modules/@angular/material/core/theming/_all-theme'; @include mat-core(); $primary: mat-palette($mat-teal); $accent: 垫板...

angular sass angular-material2

回答 2 投票 0

Angular：从资产文件夹中读取所有文件

tltr：我可以从角度访问资产目录吗？我在 src/assets/icons 文件夹中有一堆 SVG，我将它们与 mat-icon 一起使用。唯一的缺点是当我添加新图标时，我必须添加 fi...

angular angular-material2

回答 1 投票 0

在 mat-paginator 中 pageSizeOptions 不起作用

我正在使用 Angular Material 开发 Angular 项目。我正在尝试在表视图中显示数据，使用分页，因为很多数据。问题是分页的 pageSizeOptions 选项不可用...

angular angular-material angular-ui-router angular-material2 angular-material-6

回答 3 投票 0

垫子图标按钮需要包裹以应用密度

当使用 Angular Material 主题 API 直接将自定义密度（通过自定义 CSS 类）应用到 Angular Material 按钮（例如，mat-flat-button、mat-lines-button）时，高度将调整为 exp...

angular angular-material angular-material2 material3

回答 1 投票 0

Angular Material2 MD-复选框边框颜色

我正在使用 Angular Material 2，我正在尝试在 md-checkbox 上应用 css。到目前为止，我设法更改背景颜色，但没有关于如何应用边框颜色的文档。我的代码...

css angular angular-material2

回答 4 投票 0

使材质表列的内容动态宽度

经过大量修改，我终于为我的材质表有了一个不错的设置。它有分页，有排序，有我需要的所有东西。然而，它看起来不太好，因为我的几个colu...

sass angular-material2 angular5

回答 4 投票 0

升级到 Angular Material 16 后，Mat-form-field 标签不浮动

我最近将一个项目从 Angular 15 升级到 Angular 16。到目前为止，逻辑工作正常，但是 mat-form-field 面临一些问题，其中标签不浮动。该...

angular angular-material angular-material2 angular16 mat-form-field

回答 1 投票 0

角度材质按钮颜色不适用于 routerLinkActive

我在我的应用程序中使用 Angular Material，并具有以下按钮设置我的留言 &l...

html css angular angular-material angular-material2

回答 1 投票 0

为什么 Angular Material 工具提示会破坏我的单元测试？

我有以下单元测试文件，它是另一个类似组件的工作文件的副本，与样板 Angular CLI 输出相距不远：导入 { 异步，ComponentFixture，Te...

angular unit-testing angular-material angular-material2

回答 2 投票 0

Angular 6 Mat-Dialog 隐藏了部分后台网页

所以，我一直在使用Mat-Dialog来显示弹出窗口和对话框，我刚刚发现了这个问题。当我向下滚动时，背景页面的一部分（我打开模式的页面）会被隐藏......

angular angular-material angular-material2 angular-material-6

回答 2 投票 0

预填充垫 - 自动完成 Angular 2 材料 2

当我尝试编辑记录时，无法设置 mat-autocomplete 的值我使用自动完成作为 FormBuilder 对象中的 FormControl 对象并设置从...接收的值

angular angular-material2

回答 5 投票 0

如何在 mat-calendar 更改当天的样式

我尝试向某些日期（日期数组）添加自定义类，有什么建议吗？（突出显示一些日期 - 活动） html: 我尝试向某些日期（日期数组）添加自定义类，有什么建议吗？（突出显示一些日期 - 活动） html: <mat-card-content> <div class="date-picker"> <mat-calendar [selected]="selectedDates" (selectedChange)="selectedDates = $event" #calendar> </mat-calendar> </div> ts： this.selectedDates = [new Date('2014-08-28T11:13:59'), new Date('2014-07-27T11:13:59')]; 有什么想法吗？ html: <mat-calendar [minDate]="minDate" [maxDate]="maxDate" [selected]="selectedDates" (selectedChange)="selectedChange($event)" [headerComponent]="displayMonth()" [startAt]="startDate"></mat-calendar> .ts: import { Component, OnInit, Input, OnChanges, ViewEncapsulation, ElementRef, Renderer2 } from '@angular/core'; constructor( private elRef: ElementRef, private renderer: Renderer2 ) {} displayMonth() { let HeaderElsClass = this.elRef.nativeElement.getElementsByClassName('mat-calendar-body-cell'); let orderDate = this.convertDate.dateFormat(this.tempOrdersDate, 'MMMM D, YYYY'); // tempOrderDate is epoch array, i convert from epoch to date for(let index in HeaderElsClass) { if(typeof HeaderElsClass[index] === 'object') { let headerClass = HeaderElsClass[index].getAttribute('aria-label'); orderDate.find(each => { if(each === headerClass) { this.renderer.addClass(HeaderElsClass[index], 'mat-calendar-body-active'); this.renderer.setStyle(HeaderElsClass[index], 'font-weight', '900'); } return false; }) } } } 这在我的代码中运行良好。我希望对你有用。谢谢阿卜杜拉

angular angular-material2 angular6

回答 1 投票 0

$font-family 是 Angular 17 和 Material 17 中的“未定义变量”

我遵循了有关从以前版本迁移到新版本的 Angular 和 Material 文档，但遇到了一个对我来说没有意义的问题。看一下官方文档...

angular sass angular-material angular-material2

回答 1 投票 0

升级到 Angular v18 后，Angular Material 主题样式不起作用

我正在尝试从 v16 - v17 然后更新我的应用程序 v18。在案例 17 和 18 中，我发现材质主题 css 不起作用。侧面板、按钮、下拉菜单等组件没有

javascript angular angular-material angular-material2

回答 1 投票 0

Angular：在 mat-table 中使用 ng-content 进行 matSort

我正在尝试创建一个可重用的垫表组件，具有分页、排序和搜索功能。我制作的可重用组件显示一些简单的列，并根据情况投影一些自定义列...