问题标签 [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.
html - 在 Angular 材料中设置默认芯片
我会在页面加载时选择网络默认芯片。
实际上没有选择芯片。我会选择列表中的第一个筹码。
当我console.log(this.chipsList)
看到所有选定的项目都设置为 true 但没有人专注于 UI 时。
如何默认选择芯片?
这是一个演示
angular - Angular 材质:在表格中使用 *ngIf
我有一个我mat-table
在其中传递一些数据并使用 Angular Material 的表格组件构建表格。由于某种原因,当我使用*ngif="{{Participant,status != 1}}"
显示/隐藏按钮时,它会出错。
这是我的td
单元格代码:
css - mat-button-group css上的角材质徽章出错
当我尝试在 mat-button-toggle-group 上添加徽章时,只显示了一半。
请找到以下内容
https://stackblitz.com/angular/emrqojllmka?file=app%2Fbadge-overview-example.html
我怎样才能让它以正确的方式显示?
javascript - Angular 5 Material Multiple mat-menu
我对 Angular 5 很陌生,刚刚开始学习它。
最近,我一直在尝试使用 Angular 5 Material 为我的应用程序创建一个包含多个菜单的菜单栏。
菜单将在鼠标进入时触发/打开,在鼠标离开菜单时关闭。
我的问题是,每次鼠标悬停到第一个菜单时,它都会加载第二个菜单的菜单项。
这是问题的屏幕截图:
这是我的代码:mainmenu.component.html:
mainmenu.component.ts:
我也试过这个:@ViewChild('menu1') matMenuTrigger: MatMenuTrigger;
但我遇到了错误。
非常感谢您的意见和建议!
谢谢,
Artanis Zeratul
参考资料:
- https://coursetro.com/posts/code/113/How-to-Build-an-Angular-5-Material-App
- 如何使 Material Design 菜单(mat-menu)隐藏在 mouseleave 上
treeview - 如何使用 Angular 6 从 JSON 数据实现树视图
我想使用来自使用 Angular 6 的 Web API 的以下数据设计一个复选框树结构。我该如何实现它请帮忙。
其中 id=1 是根节点, id=2 是它的直接子节点, id=3 &4 是 id=2 的直接子节点(可以从 parent_id 了解结构)
谢谢。
angular - 角材料表排序不起作用
我在我的角度应用程序中有一个可以正确显示和渲染的 mattable,但排序不起作用。当我单击时播放标题的动画,但没有任何反应。我正在使用 augury 进行调试,我可以看到正在设置排序升序和降序属性。有一个名为 _arrowDescending 的属性设置为 asc 或 des 来表示顺序,这是正确的,除了排序能力之外,一切看起来都很好。这是我的文件:
应用模块.ts:
app.component.ts:
应用组件.html
app.component.css
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>
多谢!!:)
angular-material - matAutocomplete control.registerOnChange 不是函数
找不到问题..它可以工作,但会出现错误并在滚动后打开值..有人吗?
control.registerOnChange 不是一个函数
需要一个如何更改我的代码以使其在没有警告的情况下工作的示例。除了所述错误之外,该代码是可操作的。它不会暂停该过程,并且还可以根据需要获取自动完成值。