问题标签 [angular-material-6]

我正在尝试在我的菜单列表中实现角度材质徽章。

是否可以将徽章放置在列表项的中心？

官方文档说：“默认情况下，徽章会放在after的上方。可以通过定义matBadgePosition属性来改变方向，follow by above|below and before|after。”

但我需要排除这个高于|低于位置选项

或者至少如果可以将列表项中的整个徽章设置为可见

根据文档中的示例，我正在使用带有输入的 mat-autocomplete 组件，并且我已将输入配置为使用标签并具有非浮动占位符文本，如下所示：

单击输入开始输入字符时，占位符不会消失，直到我输入第一个字符。我错过了一些应该设置的配置\属性吗？

还是我需要设置一个占位符值绑定并自己设置\清除它？

谢谢

我正在使用 Angular 6 和 Angular 材质。更新到最新版本后，控制台在开发中抛出此错误。在生产上它正在工作

Cannot read property 'ngMetadataName' of undefined

当我尝试通过服务打开材料对话框时会发生这种情况（没有服务，它们工作正常）。我认为它与注射剂有关，但我不确定。

版本：cli：6.1.5，核心：6.1.4，材料：6.4.6

这是日志堆栈：

任何帮助将不胜感激。

服务内的对话框，引发错误：

在触发 mat-menu 并显示项目后，弹出元素不会随页面滚动。相反，它们似乎已从垫子菜单图标中断开，并且在我滚动页面时它们始终可见。

如下图所示，即使最初的菜单项弹出正确显示，当我滚动页面时，弹出元素不再附加到上面的汉堡图标[如上面的代码所示，附加了 matMenuTriggerFor]

我是Angular Material的新手在这里我提到了我实际需要什么的图片？我不知道如何在卡片中拆分行

我是 Angular 的新手，并试图将带有选项组的 mat-select 添加到我的 Angular 6 应用程序中。我有一个现有的 Web API，它有 2 个 URL。一个 URL 返回组，另一个返回给定 groupId 的每个组中的项目。

此页面在加载时进入无限循环。为了排除故障，我尝试在 ngOnInit () 中为 this.groups 添加一个记录器，这样我就可以构造 HTML 使用的数组，但看起来 this.groups/this.items 在 HTML 页面调用之前没有初始化。

我一定是在接近这个错误。我只尝试添加一个 HTML mat-select，其中 mat-optgroups 由 1 个 web 服务确定/mat-options 由另一个 web 服务确定。

我根据这个例子（https://material.angular.io/components/select/overview#creating-groups-of-options）构建了这个：

导航.component.ts

组服务.ts

项目服务.ts

HTML

我有一个垫子扩展面板，我想将它延伸到它下面的元素上，而不是简单地向下移动那个元素。我尝试调整 mat-expansion 元素的 z-index 但这不起作用。我在 angular material docs/github 中没有看到任何表明可以做到这一点的东西。有没有人这样做或知道如何做到这一点？

任何帮助/提示/建议将不胜感激。

更新： 我想要的解决方案应该与此类似。它可以包含几个元素（垫选择、日期选择器等）

我们可以将角度材料和引导程序一起用于角度项目吗？有什么我应该知道的吗？

我有一个购物车组件，它从 firebase 获取数据并将该数据呈现在前端数据上。我在该组件上有一些按钮可以更改 firebase 中的数量（删除一个，添加一个）。每当用户单击该按钮时，数量都会发生变化，但是有角度的，而不是更新现有的组件，而是创建一个具有更新数量的新组件，而前一个组件将保留在那里。（如图所示）。我不确定出了什么问题，因为这两个按钮在 Product 组件（另一个用于更改数量的组件）上工作正常。我的购物车中有 3 个组件，单击删除一个时，它们会再次呈现。

我的代码：-

购物车组件.ts

购物车组件.html

我有以下具有数据源属性的角度材料表：

这是它的相应打字稿：

我正在获取数据并正常显示，但是我有 6 条记录，而不是在第一页上显示 5 条，在另一页上显示 1 条，所有 6 行都显示在第一页上，并且过滤器根本不起作用。

这是一个plunker，您可以添加一个数据数组。

我有以下错误：

错误类型错误：无法读取RegistrationComponent.push../src/app/dashboard/registration/registration.component.ts.RegistrationComponent.ngOnInit（registration.component.ts:20）处未定义的属性“分页器”