angular-material 相关问题

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

实施模板时安装 Angular Material 时出错

我在 Angular 我的 Node 版本 v20.13.1 和 Angular 版本 v18.0.1 中创建了一个新项目。我从 CodedThemes 下载了一个免费模板，并将所有模板文件添加到我的项目中，然后...

angular angular-material angular18

回答 1 投票 0

角度垫表与包含长字符串的单元格奇怪的对齐

我刚刚让垫子表可以工作，但是在修复其对齐方式时遇到了一些实际问题，我不确定如何操作它，但确实需要单元格左对齐，就像头...

html css angular angular-material

回答 3 投票 0

禁用 mdInput 文本字段的浮动

在 Angular 4（材质）应用程序中，我有一个用于搜索的文本字段。当我在字段中输入内容时，会出现第二个字段，显示输入的文本。当我滚动页面时，这个新字段会浮动。我该如何禁用...

angular angular-material angular-material2

回答 6 投票 0

MatToolbar 颜色不适用于 Angular Material v18 红色/玫瑰色

我刚刚将 Angular CLI 和 Angular Material 升级到 v18。除了 MatToolbar 之外，所有 Angular Material 组件都可以正常工作。问题是颜色输入在 mat-tool 中不起作用......

angular angular-material toolbar

回答 1 投票 0

Angular MAT_DATE_FORMATS 在运行时更改值

因此，在我的模块中，当我导入材料日期选择器时，我提供 MAT_DATE_FORMATS { 提供：MAT_DATE_FORMATS，useValue：MAT_MOMENT_DATE_FORMATS } 但要提供的价值取决于...

angular angular-material angular-date-format

回答 1 投票 0

使用角度材料的拖放功能重新排序垫子表行

Angular 7 带来了强大的 DragDropModule：https://material.angular.io/cdk/drag-drop/examples 该文档涉及重新排列列表中的项目或在列表之间转移项目

angular drag-and-drop angular-material mat-table

回答 7 投票 0

如何在 Angular 中创建具有自动选择功能的下拉式可搜索组件？

我正在创建一个输入字段，它会自动完成输入字段内文本的剩余部分，并在选择选项中的输入字段下方显示建议。现在我想要那个，而你...

angular angular-material

回答 1 投票 0

角度形式的自定义类型

我努力寻找解决方案好几天了，但没有成功。我使用 Angular Formly、Angular Material 和 Angular 17 将 mat-select 制作为自定义类型。当我使用 mat-select con...

angular angular-material ngx-formly

回答 1 投票 0

将 .mat-column-name 样式应用于 Angular Material 中的子组件

子组件包含一个 Angular 材质表，该表是根据作为输入传递的列创建的：子组件包含一个 Angular 材料表，该表是根据作为输入传递的列创建的： <table mat-table> <ng-container *ngFor="let col of columns" [matColumnDef]="col"> </table> @Input() columns: string[] 父组件提供列定义。然而，我能影响 f.e. 的唯一方法是mat table column width 是通过设置样式表 .mat-column-col-name { width: 10px } 如何从父组件设置mat-column width？列的名称是父级已知的，可以在其样式表中定义。我强烈希望避免任何 encapsulation: none，因为子组件位于我开发的库内。将样式传递为 @Input() 将是最好的解决方案。我们可以使用 ::ng-deep 使样式从父级到子级可见，就像这样 :: ng-deep .mat-column-col-name { width: 10px } 如果您不喜欢::ng-deep，我建议向包装子.wrapper-class的父元素添加一个类，然后转到角度全局样式文件styles.scss或global-styles.scss并应用样式，这会将样式范围限制为仅此类元素及其子元素，该文件将位于 src 文件夹中！ .wrapper-class .mat-column-col-name { width: 10px } 家长： <div class="wrapper-class"> <child-component/> </div>

css angular sass angular-material

回答 1 投票 0

如何设置角度材料分页器的长度属性

这就是我的垫分页器的样子：基本上我正在尝试实现一个典型的分页IDE...

angular pagination angular-material

回答 3 投票 0

如何在 Angular Material 中不使用绝对位置的情况下将 mat-list-items 推到底部？

我刚刚开始使用 Angular Material，我想实现 sidenav 以将项目置于页面底部。现在我可以用 css 来完成它。位置：绝对； ...

javascript css angular typescript angular-material

回答 3 投票 0

添加或编辑任务时如何检索完整对象，而不仅仅是 ID

我正在开发一个任务管理系统，其中任务具有关联的联系人和子任务。当我添加或编辑任务时，系统目前仅返回联系人的 ID 和字符串值...