angular-material相关内容

我如何在 <mat-select> 中实现自动完成?成分?

我想将自动完成功能与多选垫选择器结合起来,因为选项列表会很长. 我已经在 stackoverflow 上搜索了答案,最接近答案的是这个 为实现一个搜索过滤器.角材料的组成部分 然而,这些示例是关于 table 而不是 mat-select. 我的问题是,是否可以将自动完成功能添加到 mat-select.如果不能,我是否可以在列表中的每个项目前设置一个包含 ..
发布时间:2021-11-28 17:18:12 其他开发

如何在 Angular 6 中手动设置对 mat-form-field 的关注

我是 angular 的新手,在我的应用程序中,我有一个 mat-dialog,其中有两个表单,即登录和注册. 当我第一次打开对话框时,自动焦点设置在用户名字段上.问题是当我导航到注册表单按钮单击该表单的第一个名称字段时不会自动聚焦,同样的方式从注册导航到登录用户名字段现在不会自动聚焦. 我尝试了一些 stackoverflow 解决方案,但没有解决我的问题. popupScre ..
发布时间:2021-11-28 17:16:19 其他开发

1000 行中的 Angular 6 MatTable 性能

我在我的项目中使用了有角度的材料,并且我正在使用 Mat-Table 来渲染每张表 1000 个产品/行.将表的分页(我们使用后端分页)更改为 1000 行时,性能变得非常慢,我什至无法在文本框中写入. 我试图调试这个问题,所以我把日志放在一个列模板上,这样我就能看到渲染是如何工作的. 即使我将鼠标悬停在表格标题上,我也看到它正在重新渲染所有行.是否有可能将更改检测控制为ChangeD ..

我如何制作 MatDialog 可拖动/角度材质

是否可以使 Angular Material Dialog 可拖动?我安装了 angular2-draggable,当然可以在所有其他元素上使用该功能. 但是因为对话框是动态创建的,所以我不能在特殊元素上使用 ngDraggable 或可以使用模板变量. 解决方案 自 Angular Material 7 起更新 您可以简单地使用 @angular/cdk 中的 cdkDrag ..
发布时间:2021-11-28 17:15:47 其他开发

将 Bootstrap 用于 Angular 和 Material design 用于 Angular

我正在使用这个 模板开展一个项目. 该模板是使用 AngularJs 和 Bootstrap-UI(用于 angular 的引导程序)编写的,我想包含一些 Material Design 元素,如卡片等. 可以这样做吗?推荐吗?我的事情是我们已经喜欢这个模板和它的许多元素的方式,但是 Material Design 有卡片、下拉菜单、带有标签动画的文本输入等等,这些都很棒. 所以 ..

使用有角度的材料创建类似数学矩阵的动态垫表

我在创建表时遇到一个问题.我的结构数据是动态的,这意味着行数和列数是可变的,如矩阵 m*n.和 struct 可在 此处 上获得. 我想将 json(上图) 显示到 ma​​t-table.但我无法正确地将数据分配给表,它在 table.show 上显示重复数据column0 用于 mat-table 的所有行. 而表中的正确数据应该是 我的代码可在 stackblitz 上找到 ..
发布时间:2021-11-28 08:08:59 其他开发

如何使用Angular7(angular material)在两个组件之间拖放

最近 angular 引入了在 angular 材料中的拖放https://material.angular.io/cdk/drag-drop/overview. 所有示例都在单个组件中进行描述.如何在两个不同的组件中使用它,将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1: ..

如何异步获取mat表每一行的数据

我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返 ..
发布时间:2021-11-15 04:42:19 其他开发

如何异步获取mat表每一行的数据

我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返 ..
发布时间:2021-11-15 04:33:42 其他开发

Angular UI 路由器子状态不适用于 IE

正如我在我的另一个问题中所说的,我正在 AngularJS 中使用 NodeJS、Express 和 Angular-UI-Router 创建一个 web 应用程序. 起初我根本无法加载页面(我设法解决了这个问题),现在的问题是 Angular-UI-Router 似乎无法进入嵌套状态. > 请注意这仅在 Internet Explorer 上出现问题.该网站在 Chrome 和 Fir ..

Angular Material Tabs + ui-router:body 未加载

更新:ui-sref 和 md-tabs 的使用已在 Angular Material 0.10.0 中修复 首先,我们知道有几个与此类似的问题.但是,我们已经尝试了几个小时,但仍然没有运气,所以让我们看看是否有人可以对这个特殊情况有所了解. 我们正在尝试有两个选项卡,两个不同的视图和两个不同的控制器. 标签呈现良好,它们工作,并且标签更改时 URL 更改,但从未加载标签“正文" ..
发布时间:2021-11-10 05:05:29 其他开发

Angular Material 中的 $event 是什么,UI Router 是否需要它?

我也发现自己正在研究这个悬而未决的问题,但我也想知道找到答案是否重要?我用谷歌搜索了 $event 并查看了角度材料(至少是 API 文档左侧菜单中的项目)和材料文档,但没有找到任何参考.我只在 UI Router 文档中找到了对它的引用,表明它可以停止事件传播. 那么什么是$event?为什么它被传递到 $mdDialog 中?如果我使用 ui-router onEnter,我需要它吗? ..

Angular UI 路由器子状态不适用于 IE

正如我在我的另一个问题中所说的,我正在 AngularJS 中使用 NodeJS、Express 和 Angular-UI-Router 创建一个 web 应用程序. 起初我根本无法加载页面(我设法解决了这个问题),现在的问题是 Angular-UI-Router 似乎无法进入嵌套状态. > 请注意这仅在 Internet Explorer 上出现问题.该网站在 Chrome 和 Fir ..