问题标签 [angular2-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 回答
22462 浏览

angular - 将输入值传递给对话框组件

我正在实现material2的对话框组件并遇到了这个问题:

我想为所有确认类型的消息创建一个通用对话框,开发人员可以根据业务需求将文本输入到对话框中。但根据文档,没有这样的规定。我们是否有相同的解决方法,或者我应该将其作为功能请求发布在 github 上?

像这样调用:

0 投票
6 回答
77941 浏览

css - Angular 2 Material - 如何居中进度微调器

我已经从下面的链接实现了 Angular 2 进度微调器

https://github.com/angular/material2/tree/master/src/lib/progress-spinner

我想让它居中,但是,我似乎让它工作的唯一方法是删除

来自CSS。但是,这会导致微调器在页面上显得很大。

任何建议都会很棒。

0 投票
1 回答
220 浏览

html - 用于飞镖的 Css Angular 2 材质组件。如何使字形居中?

HTML:

CSS:

结果:

在此处输入图像描述

我正在尝试将来自https://github.com/dart-lang/angular2_components的字形图标居中

如何使字形居中?

https://github.com/dart-lang/angular2_components/blob/master/lib/src/components/glyph/glyph.scss.css中,代码在 css -> display: inline-flex 中使用了一个 flexbox

左边距有点居中,但当宽度更小时看起来很糟糕。有些事情不起作用:

0 投票
3 回答
5763 浏览

angular2-material - Angular 2 Material如何更新对话框位置?

下面是简单的 Angular 2 代码,它应该在开箱即用的中间显示对话框。而是在底部显示对话框。我正在使用“angular-cli”:“1.0.0-beta.24”和“@angular/material”:“^2.0.0-beta.1”

任何人都可以帮助为什么会发生这种情况?

下面是package.json

0 投票
2 回答
314 浏览

html - 如何阻止 md-card 采用全水平宽度?如何将它们并排放置?

我一直在我的业余项目中使用 angular2-material 并且无法水平堆叠卡片。它们会自动占据整个宽度。通过 css 类限制宽度不会导致它们堆叠。所有随后放置的牌仍将放置在前一张牌的下方。

我会很感激一些关于让卡片水平并排放置的指导(并在它们到达屏幕边缘时适当地包装)。

0 投票
1 回答
434 浏览

flexbox - flex 不会在 Angular2 材料卡中正确对齐我的标题

我无法通过 CSS 在卡片标题上左右对齐。在我的卡片标题中,我想要md-icon delete_forever右边的。我试过 flex 但没有用。

0 投票
1 回答
100 浏览

angular - 在 Angular2 中,工具栏(md-toolbar)在与 [ngSwitch] 一起使用时不加载按钮

我正在以这种方式创建一个带有菜单按钮的工具栏:

现在,当我使用 [ngSwitch] 根据类型布局按钮时,按钮正在工具栏后面创建并且不可见:

0 投票
1 回答
2474 浏览

javascript - @angular/material.js 在 angular2 材料设计中找不到

我已按照

https://alligator.io/angular/angular-material-2/

使用 angular2material design.while 使用这个我得到以下错误

*)错误:(SystemJS)XHR错误(404未找到)加载http://localhost:5555/node_modules/@angular/material.js

*) 404 未找到 - http://localhost:5555/node_modules/@angular/material.js "

我更新了我的 package.json 文件和 web.module.ts

包.json

web.module.ts

在我的文件夹/文件结构中,@angular/material/bundle/material.umd.js 肯定存在。我该如何解决这个问题?

0 投票
0 回答
320 浏览

angular - 带有部分滚动-y 的 md-tab

在此示例中: http ://plnkr.co/edit/aPyAkWKEVcFl0xcLpIQm?p=preview

我需要通过保持 textarea 固定来滚动聊天项目。我已经尝试了很多方法,但没有得到预期的结果。

有人能帮我吗?

问候。

0 投票
2 回答
3736 浏览

angular - Angular 2 / Material 2:复选框选中绑定

我有一个使用 Material (2.0.0-beta.1) 的 Angular 2 (2.4.3) 应用程序,我在复选框上的绑定方面遇到了一些问题。

我想要一个根据我的组件中的布尔值有条件地检查的复选框。单击时,我想切换布尔值。

所以我这样做了:

在 HTML 中:

toggleName()看起来像这样:

使用它,当我单击复选框时:

  • bool_showName被切换为 false
  • 但复选框保持选中状态

第二次单击复选框时,它会取消选中自身并再次切换布尔值,从而使逻辑颠倒。

如果我[checked]使用这样的字符串进行设置:

该复选框在第一次单击时取消选中,并且 bool 被切换,但现在我无法将它绑定到 bool。因此,如果我从我的组件中更改布尔值,它不会反映到复选框。

我可能做错了什么,但是查看官方文档中的“示例”我无法弄清楚我哪里出错了。