问题标签 [angular-material-8]

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 回答
1474 浏览

angular8 - @angular/material 自动完成的性能问题

我正在使用 Angular/Material 自动完成。将数据加载到自动完成时会遇到严重的性能问题,例如渲染大约需要 30 秒,并且需要 10 多秒才能稳定,数据是从服务器加载的,从服务器接收的数据非常快。为了克服这个问题,我使用了 cdkVirtualScroll,在向下滚动到结束并再次单击文本框后,它在滚动其加载值后加载空弹出窗口。

html

TS

检查前:https ://stackblitz.com/edit/angular-7vcohv?file=src%2Fapp%2Fapp.component.html

0 投票
1 回答
2200 浏览

angular - Angular Material Drag and Drop - 通过 DragDrop 服务创建下拉列表

出于某种原因,我想通过DragDrop服务应用 Angular Material Drag'n'Drop 功能。

正如文档中所写:https ://material.angular.io/cdk/drag-drop/api

我能够向元素添加拖动功能,但我未能创建下拉列表功能:

这是一个现场示例:https ://stackblitz.com/edit/angular-drtbaa?file=app/cdk-drag-drop-sorting-example.ts

我将不胜感激。

0 投票
1 回答
660 浏览

angular8 - 如何使用 angular8 在 iframe 上禁用视频播放器属性

在 ngx-embeded-video 的帮助下,我的 angular8 应用程序中有视频播放器,我需要禁用默认播放器选项,如暂停、最大窗口、音量、播放选项。此外,该视频需要在该弹出窗口上播放所有需要启用的播放器选项的角度材质模式弹出窗口。视频播放如下所示在此处输入图像描述 当用户单击此视频时,角度材料模态需要打开并播放相同的视频,我已尝试打开模型但无法正常工作,我需要这方面的帮助。html:

0 投票
1 回答
745 浏览

angular - Angular 8 和材料缺失

我正在尝试使用分页表创建模板,并使用来自https://material.angular.io/components/table/overview#pagination的示例,该示例具有指向 stackblitz 示例https://stackblitz.com/的链接角度/bymxnvovkvk

当我下载代码时,运行 npm install 然后 ng serve 我看到一个看起来很相似的页面,但是缺少一些 Material Design 并且看起来很扁平。当我尝试添加其他材质项目(如 Sidenav)时,我收到错误消息,指出“找不到模块”@angular/material”。我确认它已包含在内,但如果它在 stackblitz 上工作,为什么它不能在我的机器上工作?

0 投票
2 回答
1736 浏览

angular - Angular Material 似乎在 StackBlitz 中不起作用

在尝试复制我遇到的另一个问题时,我尝试使用 StackBlitz 进行复制。

然而,Angular Material 似乎不适用于 StackBlitz ......关于我可能做错的任何建议或想法?

https://stackblitz.com/edit/angular-e4qp5q

更新

该链接现在正常工作。问题是我没有包含样式导入。

0 投票
4 回答
1229 浏览

angular - 获取不同语言的 Angular 错误

如果我验证这样的 Angular Reactive 表单

所以需要输入。

然后,如果我尝试使用输入空白提交,我会收到如下错误:

我收到以下输出

我的问题

我可以用另一种语言得到这个错误吗?

例如,我可以将其设置为法语并输出吗?

为什么

我正在尝试一种从验证错误中自动生成错误消息的方法。

我在这个 StackBlitz 中涂鸦,想知道我是否可以让它工作

https://stackblitz.com/edit/angular-validation-errors

0 投票
1 回答
822 浏览

angular - 将来自 API 的 JSON 数据实现为 mat-autocomplete 输入

我正在尝试将Angular Material Component“突出显示第一个自动完成选项”用于使用来自API服务器的JSON数据的输入(它已经通过获取所有JSON数据来工作)。不知道我哪里错了。

我曾尝试使用 Angular Material 示例,但它使用硬编码方法,我需要来自 API 的数据

服务.ts

0 投票
2 回答
1215 浏览

angular - 尝试通过 ng update 升级到 Angular Material 8 时得到 @angular/* 版本 ~9.0.0-next-0。为什么会出现这种差异?

我正在尝试使用此处的说明将 Angular 7 应用程序升级到 Angular 8 。一切顺利,直到最后一步:

ng更新@角/材料

这将 Angular Material 包更新到 8.1.2,但也将 @angular/* 包升级到了一个相当奇怪的不受欢迎的版本:~9.0.0-next.0

Angular Material 7 -> 8 升级效果

这是有问题的(我必须摆脱需要 Angular <= 8 的非必要开发依赖项),因为我不想超越最新的稳定版本 8

我应该如何解决这个问题?

0 投票
1 回答
77 浏览

javascript - ERROR 错误:使用 API 文档时,mat-form-field 必须包含 MatFormFieldControl?

我导入了MatFormFieldModule这样的:

app.component.html我有(直接取自 API 文档):

有任何想法吗?

我得到了错误:

0 投票
1 回答
30 浏览

angular-material-8 - 在某些机器上,材质对话框在 Chrome 下不起作用

Angular Material Dialogs 已停止在 Chrome 下在我的机器上运行。他们也停止在网络上工作,所以这不是编码问题。

任何使用 Angular Material 对话框的网站都不会显示对话框,而是只显示一个空的透明灰色叠加层。对话框在 Edge 下仍然可以正常工作。他们上周工作正常。

我已经重启了几次,更新了系统上的所有内容,重新安装了 Chrome,关闭了图形加速,删除了所有 Chrome 扩展程序,清除了缓存,检查了内存使用情况,并查看了系统日志中的错误。

https://material.angular.io/components/dialog/examples

当我浏览到这个站点并单击“选择一个”按钮时,我得到一个灰色的覆盖层并且没有对话框。

我只是看到一个灰色的覆盖层。控制台窗口中没有消息。

不用说,这让我对整个框架感到相当不安,因为这对客户网站来说是一件非常痛苦的事情。