问题标签 [angular-material-6]
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.
javascript - Angular 6 - 循环通过材料扩展面板内的材料表
我有一个问题,我有点迷失了。我有材料扩展面板,其标题是通过循环包含我拥有的数据的变量来填充的,该变量是一个对象数组 - 在该对象数组中,有一个键,其值是扩展面板标题。还有一个键,它的值是另一个对象数组,我想循环通过它来填充每个扩展面板内的材质表。
这是我到目前为止...
标题组.ts:
标题.component.ts:
标题.component.html:
发生的情况是,在每个扩展面板下,它仅显示每个扩展面板下titleGroups.ts中标题的最后一个元素的数据。
我想要的是相应的扩展面板显示正确的数据
第一个标题扩展面板显示一个表格,其中显示:
Info One
Info Two
Info Three
Info Four
第二个标题扩展面板显示一个表格,其中显示:
Package
Package Two
等等。我不知道如何做到这一点 - 任何帮助将不胜感激,谢谢!
angular-material - multiTemplateDataRows,错误只有一个默认行没有when谓词函数
我已将 multiTemplateDataRows 添加到我的 <mat-table multiTemplateDataRows>
并具有以下行:
但我仍然收到错误“只有一个默认行没有 when 谓词函数。”
angular - 如何验证具有材料形式字段的角度形式?
我有一个使用 Angular 材料表单字段的表单。我想禁用提交按钮,直到所有表单控件都填充了适当的值。(代码在描述中作为链接给出)
当我在模板(代码)中使用材质组件并在组件中定义控件(代码)时,这就是输出。
问题
当我在template和component中实现 formsBuilder 或 forms group 时,材料组件将无法正确显示。
问题
仅当所有材料表单字段都被评估为 true时,我如何才能禁用/启用提交按钮
提前致谢。
typescript - 如何在角度 6 的 mat-nav-list 中设置活动项目的颜色
我是 angular 6 的新手,这里有一个带有 mat-sidenav 的垫子工具栏。一切正常,但我想为侧导航菜单中的活动项目设置颜色。
目前我有黑色背景,当我在 mat-nav-list 中选择项目时,我想设置一种颜色,并且我尝试在每个也不起作用的项目之间设置 mat-divider。
app.component.html
谁能帮我解决这个问题。
typescript - 使用 MatTableDataSource 未在 mat-table 中显示远程数据源
我正在尝试mat-table
使用dataSource
远程服务器实现一个组件。但数据在表中不可见。
html
ts
但是,如果我dataSource
直接更改为has
喜欢[dataSource]="has"
的数据是可见的,但其他功能,如pagination, sort, filter
.
在 App Module 中,MatTableModule, MatPaginatorModule, MatSortModule
这些是导入和导出
angular - MatSelectModule 样式无法正常工作 Angular 6
我是角度(6)的新手。我在表单中使用了 MatSelectModule。它工作正常,但它的风格很奇怪,就像选项放在页面底部的某个地方一样。我已经尝试过这种方式,但失败了。帮我找出原因。这里有一些行,你需要分析。谢谢你。
在 XYZ.component.html
在 XYZ.component.ts
在 app.component.ts
angular6 - 使用 Angular 6 的 Angular Material Forms 时没有 ControlContainer 错误的提供者
我已经使用 Angular 6 编写了一个应用程序,并且正在向其中添加 Angular 材料。
在现有应用程序中使用反应式表单方法
我有一个具有以下声明的登录模块。
登录组件具有以下模板 -login.component.html
AppModule
导入其中LoginModule
。
login.html
渲染时出现控制台错误
当我添加如下时FormsModule
,此错误已解决LoginModule
是否FormsModule
需要添加 Angular 材料表格才能工作?
但是如果我们在我的示例应用程序中使用响应式表单呢?
angular - 禁用 Angular Meterial Stepper 组件的“波纹”效果(单击选项卡时)
我有一个使用 Angular Material Stepper 组件的应用程序。
<mat-horizontal-stepper>
如何在没有 CSS-hacks 的情况下禁用逐步点击选项卡上的“涟漪”行为?
谢谢!