问题标签 [angular-material]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
902 浏览

javascript - 如何禁用 Angular Material 中的内置按键操作?

我对 Angular Material 的 sidenav 的本机热键“esc”操作有疑问。当按下 esc 时,框架将切换$mdSidenav('left/right').toggle()。这是不可取的,因为我希望我的切换操作也切换其他操作。

我尝试使用“纯”javascript 来阻止代码操作:

它失败了。我累了:

它也失败了,因为它不是合法的中断声明。

0 投票
1 回答
1130 浏览

angular-material - 如何设计布局导航主页脚

我正在使用角度材料设计布局来设计我的应用程序布局。
该页面由三个范围组成,导航,主要和页脚。这是我到目前为止所做的

在此处输入图像描述

我想要的是,页脚应始终位于底部和主要部分,以 lorem ipsum 开头的部分应填充可用的高度空间。html代码是:

和 javascript

css 文件为空。

我的问题是,如何设计带有导航、主要和页脚的布局?

0 投票
12 回答
53780 浏览

angularjs - 如何更改 Angular Material 中 md 图标的颜色?

我开始在我的项目中使用 Angular Material,我想知道如何更改am-button.

这是我的代码:

我需要添加什么才能将 svg 的颜色从当前的黑色更改为白色,就像在Google 的按钮演示中一样?(“使用字体图标的图标按钮”部分)

0 投票
1 回答
193 浏览

angularjs - 模型绑定到本地范围。更改和初始化操作真实模型

我真的很想将我的复选框绑定到我的模型,但我还没有找到这样做的好方法,因为我在模型中有自定义逻辑。

我最终绑定到一个假/本地范围变量,然后在 ng-change 上更新模型。我使用 ng-init 设置复选框的初始值,如下所示:

简而言之 - 我不能只将模型绑定到复选框的原因是因为它反映了此人的密钥是否不在日期对象的数组中。我的getState和saveState如下:

这确实有效,这很棒。当另一个客户更新模型时,问题就来了。当我的模型改变时,视图也会改变。我实际上得到了 people 数组的更新后的新长度(这就是我将它放在示例中的原因) -{{ date.persons.length }}已更新。另一方面,我的复选框没有更新 - 这很明显,因为 ng-init 不会再次被调用(它只会在第一次初始化时被调用)并且我的 ng-change 也没有被调用 - 它仅在复选框时调用本身已更改/单击。

我试图找出最好的方法是什么,但无法下定决心。我有一个可行的解决方案来触发网格的完全重建(请注意,这ng-repeat仅适用于一个人 - 我有一个人员列表的日期列表 = 大网格),如下所示:

由于要更新所有数据,它会闪烁屏幕 - 我还担心如果一个客户端上的用户在此事件到达以更新整个事物时更新网格会发生什么。

我正在考虑的另一个解决方案将检查 eventData 以确定更改的日期,然后找到该日期的所有复选框(每个人一个)并手动触发更改事件(可能使用jqlite内置的 angular through element)。然而,这个解决方案对我来说是“错误的”,因为这些 dom 操作违背了 angular 的声明性。

大家觉得最好是什么?

0 投票
2 回答
34719 浏览

css - angularjs 材质布局,Flex 和 Offset

1)我正在尝试将孩子的 div 拉伸到 60% 并将其对齐在中心,但它不起作用。我正在使用 flex 将 div 的大小拉伸到 60%。参见示例http://plnkr.co/edit/eaLjJDbjL1KnOI4jLYyO?p=preview

2)在Angularjs Material文档中提到“自定义布局中元素的大小和位置,使用flex,offset和flex-order属性”,我没有看到偏移的例子。

0 投票
1 回答
621 浏览

css - chrome 上的布局与 Firefox 上的不同

我有以下基于角度材料布局的布局:

请在firefox和chrome上试一下,你会发现效果不一样,为什么?

0 投票
1 回答
2597 浏览

angularjs - Angular-Material:什么是 md-tile-left 和 md-tile-content

我正在阅读Angular-Material-site 上的md-list(和 md-item)示例。在源代码中,我看到了这个 html:

但是我看不到 md-tile-left 和 md-tile-content 是什么,我在文档或列表示例源代码的 CSS 中的任何地方都找不到这些。我在哪里可以找到关于这些课程的信息?

0 投票
2 回答
11741 浏览

angular-material - 角材料设计布局

如何设计具有角度材料布局的布局,例如: 在此处输入图像描述

我从材料设计中举了一个例子

描述:一个 md 内容框,阴影悬停在 md 工具栏上。

0 投票
0 回答
1548 浏览

angularjs - 角度材质 css 工具栏

问题很简单。我如何获得角度材料的工具栏和侧边栏,以便我可以使用 ui-router 获得视图。下面是我的工作代码,我还希望按钮在较小的显示器上切换侧面菜单。如果您能指导我阅读除https://material.angularjs.org/以外的文档,我将不胜感激。

控制器

为什么我会收到这个警告

0 投票
1 回答
5592 浏览

material-design - 材料设计表格

我正在研究材料设计和材料设计中描述的一些指南。

我似乎遗漏了一个部分(不确定是否应该涵盖),即 Google 如何处理 Fieldsets。该文档确实涵盖了各个输入,但从不研究 Fieldset。

我经常看到的一种方法是将表单显示在单张卡片上。其他方法更喜欢将它放在简单的标准背景上。

呈现字段集的最“材料设计”方式是什么?我确实知道没有对错之分,但应该有一个理论上正确的方法。