问题标签 [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.
angular8 - @angular/material 自动完成的性能问题
我正在使用 Angular/Material 自动完成。将数据加载到自动完成时会遇到严重的性能问题,例如渲染大约需要 30 秒,并且需要 10 多秒才能稳定,数据是从服务器加载的,从服务器接收的数据非常快。为了克服这个问题,我使用了 cdkVirtualScroll,在向下滚动到结束并再次单击文本框后,它在滚动其加载值后加载空弹出窗口。
html
TS
检查前:https ://stackblitz.com/edit/angular-7vcohv?file=src%2Fapp%2Fapp.component.html
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
我将不胜感激。
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 上工作,为什么它不能在我的机器上工作?
angular - Angular Material 似乎在 StackBlitz 中不起作用
在尝试复制我遇到的另一个问题时,我尝试使用 StackBlitz 进行复制。
然而,Angular Material 似乎不适用于 StackBlitz ......关于我可能做错的任何建议或想法?
https://stackblitz.com/edit/angular-e4qp5q
更新
该链接现在正常工作。问题是我没有包含样式导入。
angular - 获取不同语言的 Angular 错误
如果我验证这样的 Angular Reactive 表单
所以需要输入。
然后,如果我尝试使用输入空白提交,我会收到如下错误:
我收到以下输出
我的问题
我可以用另一种语言得到这个错误吗?
例如,我可以将其设置为法语并输出吗?
为什么
我正在尝试一种从验证错误中自动生成错误消息的方法。
我在这个 StackBlitz 中涂鸦,想知道我是否可以让它工作
angular - 将来自 API 的 JSON 数据实现为 mat-autocomplete 输入
我正在尝试将Angular Material Component“突出显示第一个自动完成选项”用于使用来自API服务器的JSON数据的输入(它已经通过获取所有JSON数据来工作)。不知道我哪里错了。
我曾尝试使用 Angular Material 示例,但它使用硬编码方法,我需要来自 API 的数据
服务.ts
javascript - ERROR 错误:使用 API 文档时,mat-form-field 必须包含 MatFormFieldControl?
我导入了MatFormFieldModule
这样的:
在app.component.html
我有(直接取自 API 文档):
有任何想法吗?
我得到了错误:
angular-material-8 - 在某些机器上,材质对话框在 Chrome 下不起作用
Angular Material Dialogs 已停止在 Chrome 下在我的机器上运行。他们也停止在网络上工作,所以这不是编码问题。
任何使用 Angular Material 对话框的网站都不会显示对话框,而是只显示一个空的透明灰色叠加层。对话框在 Edge 下仍然可以正常工作。他们上周工作正常。
我已经重启了几次,更新了系统上的所有内容,重新安装了 Chrome,关闭了图形加速,删除了所有 Chrome 扩展程序,清除了缓存,检查了内存使用情况,并查看了系统日志中的错误。
https://material.angular.io/components/dialog/examples
当我浏览到这个站点并单击“选择一个”按钮时,我得到一个灰色的覆盖层并且没有对话框。
我只是看到一个灰色的覆盖层。控制台窗口中没有消息。
不用说,这让我对整个框架感到相当不安,因为这对客户网站来说是一件非常痛苦的事情。