问题标签 [angular-material-5]

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 投票
3 回答
2021 浏览

html - 在 Angular 材料中设置默认芯片

我会在页面加载时选择网络默认芯片。

实际上没有选择芯片。我会选择列表中的第一个筹码。

当我console.log(this.chipsList)看到所有选定的项目都设置为 true 但没有人专注于 UI 时。

如何默认选择芯片?

这是一个演示

0 投票
2 回答
799 浏览

angular - Angular Mater 2 法线输入

有没有办法用角材料2实现正常的输入biox?比如图片在此处输入图像描述

当我参考文档时,只看到单击占位符文本浮动的输入。

0 投票
1 回答
3411 浏览

angular - Angular 材质:在表格中使用 *ngIf

我有一个我mat-table在其中传递一些数据并使用 Angular Material 的表格组件构建表格。由于某种原因,当我使用*ngif="{{Participant,status != 1}}"显示/隐藏按钮时,它会出错。

这是我的td单元格代码:

0 投票
1 回答
3136 浏览

css - mat-button-group css上的角材质徽章出错

当我尝试在 mat-button-toggle-group 上添加徽章时,只显示了一半。

请找到以下内容

https://stackblitz.com/angular/emrqojllmka?file=app%2Fbadge-overview-example.html

我怎样才能让它以正确的方式显示?

0 投票
6 回答
25283 浏览

javascript - Angular 5 Material Multiple mat-menu

我对 Angular 5 很陌生,刚刚开始学习它。

最近,我一直在尝试使用 Angular 5 Material 为我的应用程序创建一个包含多个菜单的菜单栏。
菜单将在鼠标进入时触发/打开,在鼠标离开菜单时关闭。
我的问题是,每次鼠标悬停到第一个菜单时,它都会加载第二个菜单的菜单项。

这是问题的屏幕截图: 这是我的代码:mainmenu.component.html
在此处输入图像描述





mainmenu.component.ts

我也试过这个:@ViewChild('menu1') matMenuTrigger: MatMenuTrigger; 但我遇到了错误。
非常感谢您的意见和建议!


谢谢,
Artanis Zeratul

参考资料:


0 投票
2 回答
5896 浏览

treeview - 如何使用 Angular 6 从 JSON 数据实现树视图

我想使用来自使用 Angular 6 的 Web API 的以下数据设计一个复选框树结构。我该如何实现它请帮忙。

其中 id=1 是根节点, id=2 是它的直接子节点, id=3 &4 是 id=2 的直接子节点(可以从 parent_id 了解结构)

谢谢。

0 投票
2 回答
1842 浏览

angular - 角材料表排序不起作用

我在我的角度应用程序中有一个可以正确显示和渲染的 mattable,但排序不起作用。当我单击时播放标题的动画,但没有任何反应。我正在使用 augury 进行调试,我可以看到正在设置排序升序和降序属性。有一个名为 _arrowDescending 的属性设置为 asc 或 des 来表示顺序,这是正确的,除了排序能力之外,一切看起来都很好。这是我的文件:

应用模块.ts:

app.component.ts:

应用组件.html

app.component.css

0 投票
1 回答
745 浏览

angular - 使用 matInput 对动态 MatTable 进行离线分页的问题(Angular 5 Material Design)

我有一个组件,并且有一个带有一些 matInput 的空表单,并且我还有一个 mat-table,其中 matInput 也放入了行中,所有这些都分布在 mat-card 中。

表格的行数是基于另一个 matInput 的动态的(我在示例中称为“范围”),因此,我将数字放在称为“范围”的 matInput 上,并且行是使用离线分页器动态创建的。

这是我的问题,如果我需要创建 20 行,并决定在分页器大小上每页放置 5 个项目,我将 matInput 填充到表中,当我单击下一页时,带有 matInput 的列保持上一页值。它不会发生在像行数这样的标签列上,只是带有 matInput 的列。而且我真的不知道为什么会发生这种情况..请帮忙?

这是我的示例代码

https://stackblitz.com/edit/angular-qhp2eg?file=app%2Ftable-http-example.ts

  • .ts 文件:

    /li>
  • .html 文件:

    /li>

多谢!!:)

0 投票
2 回答
2932 浏览

angular-material - matAutocomplete control.registerOnChange 不是函数

找不到问题..它可以工作,但会出现错误并在滚动后打开值..有人吗?

control.registerOnChange 不是一个函数

需要一个如何更改我的代码以使其在没有警告的情况下工作的示例。除了所述错误之外,该代码是可操作的。它不会暂停该过程,并且还可以根据需要获取自动完成值。

0 投票
0 回答
118 浏览

angular-material - Angular Material DataTable 分页未定义

为什么 mt 分页不起作用

这与我从https://material.angular.io/components/table/overview复制的示例相同