material-design相关内容

具有 HTML 支持的 Angular Material 工具提示

我只想知道,有没有好的第三方angular material tool-tip plugin 支持HTML? 我只使用 Material design 和 Angular 7(没有引导程序) 虽然我正在使用 ng2-tooltip-directive 并且它完全填充我所有的需求,但它有一些与在不同浏览器上定位工具提示相关的问题. 任何其他建议 角材料工具提示不支持 HTML ..
发布时间:2021-11-10 01:37:00 前端开发

Angular Material mdTabs - 如何只获得标签动画的效果而不是内容?

我想获得当有人点击选项卡时的动画效果,该选项卡下方的边框向右滑动,按钮具有很好的涟漪效果.不想用tab里面的内容,只想要tab效果. 如您所见,单击第二个选项卡将使边框向右滑动,但内容也会向左移动.我只希望标签按钮向右滑动作为效果的一部分.我怎样才能做到这一点? 解决方案 你可以使用没有内容的 md-tabs 指令: var app = angular.module('app' ..

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

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

AngularJS Material design - 按钮悬停时的 md-colors

Angular Material 非常适合创建以颜色为主题的网站.与通常的调色板一样,您可以在没有 SCSS 的情况下创建动态主题,使用类似... md-colors="{background:'primary'}" ...设置任何元素的主题颜色.使用这样的几行代码,您可以轻松更改整个站点的颜色,或根据数据动态设置它: .config(function($mdThemingProvider) ..
发布时间:2021-11-10 01:33:35 其他开发

使用 MatMenuTrigger 上的 ViewChild 以编程方式打开 Angular Material Menu

如何使用按钮触发器上的模板参考变量以编程方式打开 Angular Material 菜单,该变量在组件中使用 ViewChild 访问? 菜单在点击时正常打开,但我想在鼠标悬停时以编程方式打开它. (鼠标悬停)事件处理程序给出错误:无法读取未定义的属性“openMenu". 那么为什么在组件中没有定义 clickHoverMenuTrigger 呢? 这是组件 html ..
发布时间:2021-11-10 01:33:11 其他开发

带有 angularjs 的材料设计 md-tabs

我有一个关于 Material Design md-tabs 控件的问题.我在其中一个页面上使用带有 Angularjs 的 md-tabs,它工作正常.我在该页面上还有一个 md 按钮,我们想要做的是,当用户单击该按钮时,我们希望移至下一个选项卡.我对这整个物质角度的事物不熟悉,如果有人能指导我朝着正确的方向前进,我将不胜感激. 解决方案 您可以在 md-tabs 指令上使用 md-se ..
发布时间:2021-11-10 01:31:56 其他开发

mat-table 不能绑定数据源

我正在尝试使用角材料表 MatTableModule,但是当将数据传递给 [dataSource] 输入时,我得到 Can't bind to'dataSource' 因为它不是 'table' 的已知属性. 错误.我已经导入了 MatTableModule 并且如 GitHub 问题 #5577 所指出的,也导入了 CdkTableModule 但仍然没有运气.有什么想法吗? 解决方案 ..
发布时间:2021-11-10 01:27:36 其他开发

选择引导程序与材料设计

我将使用 AngularJS(全栈)开始新项目.我的项目需要响应,我将从头开始创建模板. 所以我需要关于是否为布局选择引导程序 3(带有角度指令)或材料设计的建议? 如果有人可以列出专业人士,我将不胜感激两者的缺点. 解决方案 据我所知,您可以单独或一起使用所有提到的技术.由你决定.我认为您从错误的角度看待问题.Material Design 只是页面特定元素的设计、行为和组合 ..

以角度动态加载材质主题

我正在使用 Angular Material 构建一个 Angular 应用程序.应用程序的第一步是用户登录.接下来,系统从后端加载该用户公司制作的主题. 但是,当后端以主题信息响应时,我无法将其导入系统.允许您设置主题的 $mdThemingProvider 似乎无法从 Controller 内部使用,而且 $mdTheming 服务本身没有用于修改系统中主题的选项. 有没有办法将新 ..
发布时间:2021-11-10 01:23:22 其他开发

如何更改角材料步进器步骤图标的颜色

在角度材料步进组件中,每个步骤都由一个圆圈中的图标表示.该圆圈的背景颜色设置为主题的主要颜色.是否可以将此颜色更改为主题的强调色?我尝试在 mat-h​​orizo​​ntal-stepper 组件和每个 mat-step 组件上设置 color="accent",但都没有效果,我在文档中没有看到颜色输入. 解决方案 似乎没有改变 mat stepper icon 颜色的选项,你可以使用这 ..
发布时间:2021-11-10 01:22:17 其他开发

尝试使用带角材料的卡片网格

我一直在尝试使用角材料制作卡片网格.所以我使用指令 md-grid-list 和 md-card.但结果非常难看,我不确定如何理解 md-row-heigh(比率)的工作原理,我有文档,但没有说明太多. 这是我到目前为止所做的:http://codepen.io/stunaz/pen/qdQwbq ,我正在尝试使用响应式卡片网格,而不是甚至确定 md-grid-list 在这里是否合适. ..

过滤材料表中的不同列

我正在尝试向材料表添加不同的过滤器.更准确地说,我正在尝试重现类似于以下 GIF 的内容 为此,我正在关注 irowbin 在以下 Github thread 中的回应,但我可以根据他的指导方针并没有真正产生我想要的 在 Stackblitz 或 Github 上是否有任何工作示例,以便我可以在 mattable 中跟踪并创建多个搜索过滤器? 解决方案 这是一个基于其他材料组件 ..
发布时间:2021-11-10 01:21:09 其他开发

如何在 Angular 4 中翻译 mat-paginator?

您对如何翻译 Angular 的 mat-paginator 标签中的“每页项目数"有什么想法吗?mat-paginator 是 Material Design 中的一个元素. 解决方案 您可以为此使用 MatPaginatorIntl.Showell 会制作一个不再有效的例子,所以这里有一个更新版本(含荷兰语)和分步指南. 将 MatPaginatorIntl 从 @angular ..
发布时间:2021-11-10 01:20:34 其他开发

选择引导程序与材料设计

我将使用 AngularJS(全栈)开始新项目.我的项目需要响应,我将从头开始创建模板. 所以我需要关于是否为布局选择引导程序 3(带有角度指令)或材料设计的建议? 如果有人可以列出专业人士,我将不胜感激两者的缺点. 解决方案 据我所知,您可以单独或一起使用所有提到的技术.由你决定.我认为你从错误的角度看问题.Material Design 只是页面特定元素的设计、行为和组合方 ..

以角度动态加载材质主题

我正在使用 Angular Material 构建一个 Angular 应用程序.应用程序的第一步是用户登录.接下来,系统从后端加载该用户公司制作的主题. 但是,当后端以主题信息响应时,我无法将其导入系统.允许您设置主题的 $mdThemingProvider 似乎无法从 Controller 内部使用,而且 $mdTheming 服务本身没有用于修改系统中主题的选项. 有没有办法将新 ..
发布时间:2021-11-09 03:27:20 其他开发