angular-material 相关问题

Angular Material项目是Angular中Material Design的实现。该项目基于Material Design系统提供了一组可重用，经过良好测试和可访问的UI组件。不要将此标记用于AngularJS Material，即旧版AngularJS框架的Material Design实现。

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

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

angular sass angular-material angular-material2

回答 1 投票 0

像Excel一样基于鼠标和Shift选择集合Mat表行

我使用角度材料表，我的表包含一个选择模型来处理选定的全部和选定的一个，并包含一些列和一些行。我现在拥有什么，我可以选择全部或...

javascript angular angular-material

回答 1 投票 0

Angular 材质 14 至 15 前景样式

从 Material 15 旧版主题切换到非旧版主题后，很难更改前景色。 $主题: ( 主要：$主题-主要，口音：$主题口音，警告：$主题警告， ...

css angular sass angular-material theming

回答 1 投票 0

如何将数据从角度材质对话框传递到父组件？

我正在使用 Angular 6，并且有一个可打开对话框的按钮。在我的对话框中，我有一个获取用户数据的表单，然后有两个按钮用于提交和取消。我尝试在

angular typescript angular-material angular6

回答 6 投票 0

Angular Material18 SideNav 自动调整大小不起作用

当我隐藏项目并仅保留图标时，侧边导航的宽度不会自动调整。无论我是否折叠侧导航，它都保持固定宽度。我已经设置了自动...

css angular angular-material sidenav mat-sidenav

回答 1 投票 0

Angular 17 Material mat-autocomplete mat-input 在 FormGroup 中

基于 Angular Material Site for v17 上的以下示例 https://v17.material.angular.io/components/autocomplete/overview#automatically-highlighting-the-first-option，我正在尝试设置...

angular angular-material autocomplete

回答 1 投票 0

如何使用 Angular Material 的 m3 主题为基本 HTML 元素设置颜色？

所以，在 m3 之前，我使用了一个重新启动的 scss 文件来设置一个在所有浏览器中都相同的空基，这是我刚刚从网络上的某个地方获取的。由于该文件使用了几个变量，因此我将其变成了

angular angular-material scss-mixins material3

回答 1 投票 0

如何避免Angular Shadow DOM Style Bleeding

我有一个主机组件，其中包含使用 ViewEncapsulation.None 的标头组件和使用 ViewEncapsulation.ShadowDom 的 mainContainer 组件。 mainContainer 组件还包括一个...

angular angular-material

回答 1 投票 0

Angular 18.2.2 @If(){} 和 Angular 材质问题

嗨，我有一个有角的材料表 @if (!this.isLoading) { 嗨，我有一个有角度的材料桌<div class="background"> @if (!this.isLoading) { <table mat-table [dataSource]="tabelData" matSort class="mat-elevation-z8"> ..rest of the table </table> }@else { <div class="spinnerContainer"> <mat-spinner></mat-spinner> </div> } 但是当我尝试延迟将数据下载到它时ngOnInit() { this.fetchTableDataService.getTableElements().subscribe({ next: (data) => { // Set loading state if needed setTimeout(() => { this.tabelData.data = [...data]; this.tabelData.sort = this.sort; }, 1000); // Delay data assignment }, } 当我的页面加载时，它仍然获取数据，而我在乞求时得到了什么奇怪的东西 1 秒后桌子、垫子旋转器消失我想我还应该指定我在创建项目时打开了SSR我尝试延迟从我的服务下载像这样 return this.httpClient.get<PeriodicElement[]>(url).pipe( delay(1000) // Directly apply delay to the observable ); 像这样 return from(data).pipe( concatMap(item => of(item).pipe(delay(1000))) ); 但是没有用我也尝试在表中使用 *ngIf 但与使用 @if 时发生同样的事情当您使用SSR时，在服务器上发出请求时，该值会被缓存，对于这种情况，您可以做的是。禁用使用 afterNextRender 回调对 SSR 进行 API 调用。 ngOnInit() { afterNextRender(() => { this.fetchTableDataService.getTableElements().subscribe({ next: (data) => { // Set loading state if needed setTimeout(() => { this.tabelData.data = [...data]; this.tabelData.sort = this.sort; this.isLoading = false; }, 1000); // Delay data assignment }, error: (error: any) => { this.isLoading = false; }, }); }); } 这将确保在浏览器上加载页面时进行 API 调用。

angular angular-material

回答 1 投票 0

Angular Material Table - CSS 在文本换行时使标题左对齐

使用 Angular Material Table 组件，默认情况下，表格上的列标题将左对齐，这很棒：但是，如果标题没有足够的空间，则文本会换行，即

css angular typescript sass angular-material

回答 3 投票 0

Angular 材质 matNoDataRow 在 Angular 11 中不起作用

在mat-table中，我需要在没有数据匹配时显示一条消息。为此，我使用 *matNoDataRow 指令，但它不起作用。在某处，我读到它在 10 以下的 Angular 版本中不起作用。但是，

angular angular-material mat-table

回答 2 投票 0

我已将我的版本 Angular 17 升级到 18。我正在尝试构建或运行 Angular 应用程序。通过 collorette 获取最大调用堆栈错误

列出项目我已将我的版本 Angular 17 升级到 18。我正在尝试运行 ngserve 或 ng build 。如果有人遇到此问题，请提供以下解决方案 PP ode_modules\listr2\