material-design相关内容

Angular Material 2:将数据添加到数据源后如何刷新 md-table?

有人可以放一个完整的带有数据源的 mat-table 示例,稍后在加载表并更新表时添加数据吗? 我的程序设法显示表格,数据的加载,要求新数据的对话框,要添加到数据库的数据,但我不知道如何刷新表格 我找到了这个例子 connect(): Observable{返回 this._userService.dataChanged.switchMap(() => this._userServ ..
发布时间:2021-11-10 02:34:08 其他开发

Angular Material - 改变 md-radio-button 的颜色

如何在 Angular Material2 中更改单选按钮的默认颜色?我阅读了一些关于这个主题的问题,但没有一个能解决这个问题.如何为具有 md-radio-button 类的元素设置绿色、黄色和红色? 解决方案 您可以使用此规则来设置单选按钮中心的颜色: .mat-radio-button.mat-accent .mat-radio-inner-circle {背景颜色:RGB(66、 ..
发布时间:2021-11-10 02:32:26 前端开发

如何使用/启用动画图标?

有谁知道如何在 Angular Web 应用程序中使用/启用动画图标,这些图标显示在材料设计文档中:https://material.io/design/iconography/animated-icons.html#usage 解决方案 正如其他人所说,必须构建 Material Icon 站点上的示例. 但是,我找到了解决这个问题的方法,以寻找有关如何为角材质图标设置动画的指南, ..

我们如何在按下 tab 键时选择 mat 选项?,它应该像 mat-autocomplete angular 6 中的输入按钮一样工作

我们如何在按下 tab 键时选择 mat 选项?,它应该像 mat-autocomplete angular 6 中的输入按钮一样工作......在下面的 URL 中,按 Enter 时它可以工作,但是每当我们按 Tab 按钮时,它都应该选择突出显示的选项. ..

Angular 2 Material 中的粘性页脚

我已经搜索和搜索了大约 3 个小时,因为我不想问,但是如何在底部保留一个“页脚"变量而不像在底部固定,所以如果内容我的尺寸非常小,它不会只是位于页面的一半,但是如果我有很多信息,它就不会锁定在页面底部并在滚动时坐在数据上 我尝试了多种方法,包括:https://david-kerwick.github.io/2017/01/14/material-2-flex-layout-making-a ..
发布时间:2021-11-10 02:26:29 其他开发

用于 Web 的材料组件与 Angular Material 2

最近,MDL(Material Design Lite)项目的继任者作为Material Components for网络.它的目标之一是“与其他 JS 框架和库的无缝集成". 还有另一个项目 Angular Material2,它专门为 Angular (v2+) 提供材料设计组件. 这两个项目都在创建基于材料设计的UI 组件.此外,它们具有类似的组件集就绪/in-active-de ..

Angular Material2 md-select 下拉列表出现在页面底部

我目前在 Angular 2.4.0 应用程序中使用 Angular Material2(使用 @angular/material: 2.0.0-beta.1).出于某种原因,md-select 下拉列表,而不是出现在初始值或占位符或箭头上以选择下拉列表,如这些 示例 来自材料文档,一直出现在页面底部.如果 md-select 下拉列表位于页面右上角(我尝试放置的组件位于页面右上角),当您单击箭头 ..

角度材料工具栏 - 材料行为

我正在为一个项目使用 Angular 和 Angular Material.由于该项目的设计基于 Material,因此我将 Angular 材质用于其组件. 我通过 创建了一个工具栏,并通过 mat-tab-group 创建了一个选项卡列表.页面如下所示: 这一切都好.第一个选项卡还包含一个列表这就是问题开始的地方.. 问题 当您通常向下滚动列表时,根据材料设计: ..

材料设计组件“不是已知元素"在 Angular2 中

我有一个混合的 Angular1 和 Angular2 应用程序.在我路由到的 Angular2 组件之一中,我想使用 Material Design 按钮. 当我像这样在模板中插入一个按钮时 foo 应用程序开始崩溃并显示此控制台消息 错误:模板解析错误:'md-button' 不是已知元素:1. 如果 'md-button' 是一个 Angular 组件,那么验证它是否是这个模块的一部 ..
发布时间:2021-11-10 02:22:17 其他开发

角材料有网格系统吗?

我正在开始一个使用角材料的项目.它是否有像引导程序那样在响应式网格中定位元素的本机系统? 否则可以将材料设计与网格系统的引导程序结合起来吗? 也许我对这个问题采取了错误的方法. 解决方案 如果你使用的是 Material2,你可以使用 Angular Flex Layout 用于响应.它与 Angular2 相得益彰,而且重量轻. 基本上 Material2 + Flex ..

如何在 Angular 中使用自定义主题调色板?

我想在整个应用中使用我公司的品牌颜色. 我发现了这个问题:AngularJS 2 - Material design - 设置调色板 在这里我可以构建一个据称是自定义的 主题,但它基本上只是使用预构建调色板的不同部分.我不想使用 Material2 的预定义颜色.我想要我独特而特别的品牌颜色.有没有更好的方法(更正确?)来创建我自己的主题,而不仅仅是使用 _palette.scss 来破解? ..
发布时间:2021-11-10 02:17:30 其他开发