问题标签 [angular-material-7]
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.
angular - Angular Material 7.3 mat-card 更改
我从 angular 6 升级到 angular 7 和我的材料
来自：6.2.0
至：7.3.3
我注意到我的垫卡物品显示边框在新版本中消失了，但在旧版本中被提升了；图像中的边框消失了
看看 CSS，旧的有一整盒：
两个版本之间的风格有变化吗？有没有办法比较它们之间的变化？
angular - 自定义角材料 mat-menu-item 以显示尺寸较小的项目（宽度和高度）
我正在使用角材料组件开发一个角应用程序。在网格中，我有应该支持的内联操作（可以编辑、删除和更多操作）。
目前，当我在网格中嵌入 mat-menu 组件时，项目列表显示非常大的菜单项。我想自定义菜单项的大小（包括宽度和高度）。
有没有办法做到这一点。
当前行为：
期待：
另外，我正在寻找下拉菜单，如下面的屏幕截图所示（菜单下拉项以绿色边框突出显示。我们可以注意到下拉菜单正好在图标下方干净，并形成一个清晰的框来显示菜单项。）
但是，在默认菜单中，所选下拉菜单没有明显的突出显示或边框。
例如，正如我在下面实现的，个人资料图片下方的下拉菜单呈现如下。与之前的截图相比，之前的截图看起来更干净。
代码＃
添加 CSS 类后的变化
angular - Angular 材质：如何使用所有颜色的主题
我在角 7 中使用角材料。
我之前在 angular-1 中使用过 angular-material，它提供了一种方式（md-colors）来使用所有颜色。
但是对于 angular-material-7，我找不到这些属性。
当我们在像按钮这样的组件中使用颜色时
在颜色方面，我们只能使用主要、重点和警告托盘。但我想使用更多的颜色而不是这 3 种颜色。我想要一种方法来使用我们在 angular-material-1 中使用的所有材料主题颜色
谁能告诉我我在这里想念什么。所有颜色变量都存在于@angular/material/theming.scss. 但我不确定如何使用这些颜色。
angular - Angular mat-autocomplete - 在不改变输入值的情况下动态地将数据推送到 observable
我在 Angular 7 中使用了 mat-autocomplete。
下面是我的组件代码。
现在，通过输入输入，这与搜索完美结合。
我的问题是我希望列表在加载时自动填充一些项目。
我不确定如何使用这种结构来做到这一点。
谁能告诉我我该怎么做？如何动态推送/更改 mat-autocomplete 中的某些项目？
angular - Angular：在不改变输入值的情况下动态地将数据推送到可观察的
我在 Angular 材料 7 中使用了 mat-autocomplete。
通过输入输入，它可以完美地与搜索配合使用。
我的问题是我希望列表自动填充，而无需键入某些特定功能，例如在加载时填充某些项目的列表。
谁能告诉我我该怎么做？如何动态推送/更改mat-autocomplete 中的某些项目？
下面是我在其中绑定数据的 HTML
angular - 当我尝试打开角度材料对话框时，Angular7 Modal StaticInjectorError
每次单击时，Modal Button我都会收到以下错误。
UserProfileDialog 是我的对话框组件，
我在这里尝试了所有相关的解决方案，但没有一个可以正常工作。
dashboard.component.ts这是我有一个列出所有用户的表格的地方，单击一行上的按钮，它应该显示该用户的完整个人资料
app.module.ts
angular - 角材料步进器在选择更改之前并防止在某些条件下进行步进更改
我正在使用线性垫步进器。
它适用于下一个。我做 api 调用 & 如果它成功然后我调用 stepper-next 事件而不是使用 matStepperNext 指令。
现在，当用户在第 1 步填写所有数据并直接单击下一步标题 r 中的其他步骤（或任何其他编辑记录模式）时，由于表单有效，它将重定向到下一步。
我想在此之前进行服务调用并防止步骤更改，直到服务调用成功然后它才应该重定向到下一步，否则它不应该。
我在文档中找不到任何实现此功能的方法。
谁能建议我该怎么做。我不想禁用标题点击。
html - 从包含角度材料复选框的 div 溢出中删除不必要的滚动条
如果我使用包含 4* 的 div 构建一个 html 片段<input type="checkbox">并设置overflow-y: auto，max-height: 250px;我会得到没有滚动条的预期行为。但是，如果我用 Angular Material 中的复选框替换标准复选框，我会看到一个滚动条，我该如何删除它并保持上面的预期行为？
第一个列表是 Angular Material，第二个是标准 html 元素。
示例 stackblitz -> https://stackblitz.com/edit/angular-69zuiy
angular - 使用虚拟滚动调整下拉菜单Angular7自动完成的高度
我正在为我的应用程序使用角度材料自动完成（版本 7）。我在<cdk-virtual-scroll-viewport>里面使用。除了我解决的许多问题之外，还有一个我不明白：
当我添加 max-height css 时，下拉菜单不显示，如果我添加高度，它将显示但高度固定。
这是我的代码的一部分：html：
ts：
CSS：
在虚拟滚动类中，我必须添加一个固定高度。当项目的高度小于 350px 时，它会创建一个空白区域。
这是小提琴：https ://stackblitz.com/edit/angular-fs4voi 。由于我对 Angular 完全陌生，并且我对自动完成进行了一些修改，因此也可能导致此问题。
非常感谢！