angular-material 相关问题

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

如何在 Angular Material 中将登录卡居中

我无法将登录卡居中。这是现在的样子：这是我的代码： .html

css html angular-material

回答 0 投票 0

Angular 2 材料：显示列表项的全文

我有以下代码： {{消息.内容}} ... 我有以下代码： <md-list dense> <md-list-item *ngFor="let message of chatMessages | async"> <p md-line> <span> {{message.content}} </span> </p> </md-list-item> </md-list> 输出：我的消息是... 而不是：我的消息是很酷的消息使用 <md-list> 时如何显示每个 md 列表项的所有文本？ md-list md-list-item [md-line]具有CSS属性： text-overflow: ellipsis white-space: wrap 这会截断任何不适合容器的额外文本。如果文本无法放入容器中，它仅显示省略号 (...)。要么让你的容器更大，要么用 white-space: normal 覆盖，这会将任何额外的文本包装到额外的行上 <p md-line class="wrap"> <span> {{message.content}} </span> </p> 添加一个类并覆盖 md-line 样式。 md-list md-list-item [md-line].wrap {white-space: normal} 检查元素以查看现有样式，当前样式将大部分可见，如下所示。使用上面给出的覆盖样式来覆盖样式。 .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line { styles } .mat-list-base .mat-list-item .mat-line { white-space: normal !important; } .mat-list-base .mat-list-item .mat-list-item-content, .mat-list-base .mat-list-option .mat-list-item-content { padding: 16px !important; } .mat-list-base .mat-list-item.mat-3-line, .mat-list-base .mat-list-option.mat-3-line { height: auto !important; } 在 Angular 18 中，可以实现以下功能： <mat-list-item> <mat-icon matListItemIcon>home</mat-icon> <div matListItemTitle>The lazy dog jumped over the quick brown fox</div> </mat-list-item> 连同这个CSS： .mat-mdc-list-item-title { white-space: normal; }

angular angular-material

回答 4 投票 0

cdkFocusInitial 属性未聚焦 DOM 元素

在 Angular 10 项目中，我有一个包含 2 个输入的表单，名为“用户名”和“密码”。我正在使用用户名字段上的 cdkFocusInitial 属性，但它并不关注页面加载。这是 StackBlitz

angular angular-material angular10

回答 2 投票 0

如何更改角材m3中h2的字体粗细？

我在主题中设置了字体粗细，并期望它将应用于所有元素： $主题：mat.define-theme(( ... 排版：（ plain-family: 'Roboto，无衬线', 品牌系列：'Roboto，...

angular-material

回答 1 投票 0

使用mat table一次加载7000行

我有这个代码： @Input() 数据：数组； @ViewChild(MatSort, { static: false }) 排序：MatSort; @ViewChild(MatPaginator, { static: false }) 分页器：MatPaginator；数据来源：