问题标签 [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.

0 投票
2 回答
2932 浏览

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

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

control.registerOnChange 不是一个函数

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

0 投票
2 回答
3253 浏览

angular - 模板驱动形式的 Angular Material Mat-Chip 验证

我正在使用 Angular 6 和 Angular Material 6。我想需要 mat-chip 字段。当我输入 mat-chip 字段时,保存按钮将被启用,否则将被禁用。输入字段是必需的,但不能要求 mat-chip 字段。请帮助我找到解决方案。谢谢。

我的示例代码链接在这里:stackblitz demo

0 投票
0 回答
76 浏览

angular - 迁移 Angular 5 到 6,ng serve --prod 添加不同的 CSS 类 mat-select 和 mat 对话框

在从 Angular 5 迁移到 6 之后,现在在我们的项目中,我们有一个奇怪的行为。

我们犹豫在 Material 项目或 Angular cli 中打开这个问题。

我们的依赖是:

在开发模式下,使用“ng serve”一切正常,但在使用“ng serve --prod”的 prod 模式下,我们遇到了问题。

- 第一个问题是,Firefox 浏览器(52.8.0)中的所有“mat-select”都没有正确显示。

mat select 的内容显示在页面底部(此行为仅存在于 firefox 中)。

经过一番调查,我们发现“cdk-overlay-pane”类在 DEV 和 PROD 中是不同的。

  • 在开发中“cd​​k-overlay-pane”有一个属性“top :202.094px”
  • 在产品“cdk-overlay-pane”中有一个属性“底部:-204.134px”(这会导致问题)。

- 第二个问题是,只有 prod 模式下,材质对话框无法正确显示在 chrome 中。

使用以下配置:

在开发中,对话框正确显示

在 prod 中,对话框没有正确显示,它占据了页面的所有高度。

在迁移之前,如果没有“高度”配置,对话框的高度会动态获取内容的高度。

现在,高度配置仅在 prod 模式下是强制性的(并且仅在 chrome 中)。

非常感谢您的帮助。

0 投票
1 回答
848 浏览

angular - 角度材料设计中的时间输入

我正在使用 Angular 5 和材料库。我需要使用时间输入,但在文档中,我没有找到完成此任务的解释。有没有同样需要的人可以建议我一个好的教程或文档?肿瘤坏死因子

0 投票
1 回答
1833 浏览

angular - 将 HTML 传递给 mat 对话框 - Angular Material

我正在尝试将 HTML 传递给 mat 对话框,但它显示[object HTMLTableElement]在对话框中而不是 Table HTML 中。

我尝试过的步骤:

  1. 在模板中制作了一个元素引用,如下所示:

    /li>
  2. 在组件中访问 ViewChild 为

    /li>
  3. 将此作为 DialogComponent 中的数据传递为

    /li>
  4. 在 DialogComponent 中,访问的数据内容如下:

    /li>
  5. 然后在像这样访问的 HTML 中:

    /li>

但它不打印 Table 而是打印[object HTMLTableElement].

截图如下:

在此处输入图像描述

请问有什么线索吗?

0 投票
3 回答
29645 浏览

angular - 为什么使用自定义全局验证器在角度材料 6 的 mat-form 字段中未显示 mat-error

我正在使用角度材料 6,当在 mat-form-field 之后移动到正确显示的 mat-error 时,mat-form-field mat-error 没有显示。

不工作代码:

工作正常:

有人解释了为什么在该控件中不起作用。

现场演示: stackblitz

0 投票
2 回答
1362 浏览

angular - 角材质条件字幕

我有以下内容:

我想有条件地显示字幕,但由于某种原因,我不能像上面那样使用隐藏,ng-if 似乎也不起作用,我也不能ngClass用来指定 mat-card-avatar 图片的类。

这是不可能的还是我错过了什么?

0 投票
0 回答
330 浏览

angular-material - matTextareaAutosize 覆盖 Textarea 的最小行

我有一个我正在尝试动态使用 matTextareaAutosize 的 textarea。我正在使用按钮在 true 和 false 之间更改 showText 值。但是,它似乎覆盖了使用 minRows 设置的默认行。现在 textarea 的默认行始终为 1。有没有办法在使用 matTextareaAutosize 的 textarea 中分配默认行?

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

文本区域组件.html

组件.ts

0 投票
3 回答
2737 浏览

angular - 是否可以在特定的 DOM 元素上打开 angular/Material2 Snackbar?

组件:https ://material.angular.io/components/snack-bar/examples

我有一个页面是父部分('#wrapper_container')。我想在“#wrapper_element”的子元素的中心弹出小吃店。

谢谢

0 投票
3 回答
4254 浏览

angular - 最小化角度材料对话框

任何人都可以帮助我如何保持角度材料对话框最小化,如下所示?我想打开多个对话框并能够在它们之间切换。这在角度材料中是否可能(我只能使用材料对话框组件打开堆叠对话框)? 在此处输入图像描述