问题标签 [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 投票
1 回答
3772 浏览

angularjs - 如何在角度材料设计的网格列表中隐藏网格图块?

我是材料设计的新手。我正在使用角度材料设计实现网格列表。但突然间我需要隐藏一张瓷砖。

谁能告诉我如何在网格列表中隐藏图块。如果我明确地将“显示”属性设置为无,则该空间保持空白,但未被其他图块占用。

这是我的网格列表

0 投票
1 回答
1900 浏览

angularjs - md-select initialization with i18n

I'm using Angular-material and I18next. Here is my simple example :

The select title is initialized with 'en' and not 'English'. But as soon as I select an other value the correct internationnalized value appears as the new select title.

Any idea how to get the select element displaying the internationnalized value from its initialization ?

Thanks, Max

N.B. if I initializes directly with 'English' or any other value different than the values in the options, the select element does not get initialized at all.

Update: It looks like the md-select element title is initialized before the md-option elements inner values are internationnalized. I have no idea how to solve this.

0 投票
1 回答
1029 浏览

javascript - 如何使用 Angular Material 应用选项卡链接波纹?

我们可以将md-ink-ripple波纹应用于其他角度元素,例如gridtitle。我想知道是否有类似的属性我们可以调用选项卡上的涟漪效应。

示例:https ://material.angularjs.org/latest/demo/tabs

如果没有,我想知道所显示的涟漪效应是如何完成的。

0 投票
1 回答
3053 浏览

angular-material - 我在哪里可以找到所有 Angular Material 框架的类?

Angular Material 的文档也非常好看和清晰。

但是有几个示例使用了一些类(例如https://material.angularjs.org/#/api/material.components.button/directive/mdButton中的 md-colored )。我在哪里可以找到它们?

0 投票
4 回答
30682 浏览

css - 如何自定义 Angular Material 的 input/md-input-container 组件?

如标题所述,如何自定义这些元素?似乎他们正在使用透明背景,这在大多数背景调色板上都很难查看

0 投票
0 回答
439 浏览

html - 如何创建固定导航栏 flex

我想为我的 Web 应用程序设计一个布局,使用 Angular Material Design 的布局,它们的布局建立在 flexbox 上。

在 codepen 上,我尝试创建我想要的布局,但它确实看起来像我希望的那样。

  1. 创建一个固定的导航栏,由两个不同颜色的块组成。
  2. 一个 div flexbox,flex 值为 30。
0 投票
5 回答
32963 浏览

angularjs - 更改工具栏材料设计的高度

如何在材料设计中更改 md-toolbar 的高度?

http://jsfiddle.net/kostonstyle/gsroofa5/

在第一个工具栏上,我想要 30px 的高度并尝试过:

但它根本不起作用。我需要一个有两个块的导航栏,因为有两个工具栏。

我试试这个,但现在字母消失了。

http://jsfiddle.net/kostonstyle/r178sp9o/1/

0 投票
2 回答
5935 浏览

angularjs - md 自动完成功能不起作用

我试图使用 angular material 的 md-autocomplete ,我指定了类似的指令

在控制器中,我定义了搜索功能,例如

搜索服务如下:

});

我得到了想要的结果,但由于某种原因,我得到了以下错误,

0 投票
1 回答
577 浏览

javascript - 尝试打开底页时出现“TypeError:未定义不是函数”

嘿伙计们,我完全按照演示页面显示的内容进行操作,但是当我尝试打开底部工作表时仍然出现此错误。我正在使用 angularjs 1.3.14,并且我也尝试过 1.3.6。此外,我已经按照入门页面上的说明包括 Angular Material 及其依赖项。

HTML(master.html 这是包含所有 js 和 css 库的母版页)

应用程序.js

控制器.js

这是我得到的错误

在此处输入图像描述 在此处输入图像描述

我在这里停留了几天我仍然无法弄清楚我试图切换到非缩小版本的角度材料来调试它但是我没有运气,我不明白为什么,你们中的任何人都可以教我如何调试这种问题?感谢您的帮助谢谢

0 投票
3 回答
28518 浏览

angular-material - 如何在两个flexbox之间设置空间

我正在使用材料设计 flexbox 布局,在一个盒子里,我有两个盒子。我在 jsfiddle 上创建,以澄清我的意思:

角材料应用程序

我想在这些盒子之间设置一个空格