问题标签 [angular-material-5]

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 投票
3 回答
7444 浏览

angular - 数字和文本列的 Mat 排序问题

我有角度材料数据源。角材料版本是 ^5.0.3 排序工作。但是,对于某些列,它的排序不正确。数字和文本在那里。例如,排序后的结果像,'XXX','1','1tesxt','1','OPD',OXD','12'。

感谢你的帮助。

0 投票
1 回答
1675 浏览

angular - Angular 5 + Angular Material 加载数据表

我是 Angular 5 + Angular Material 的新手。我正在阅读文档并试图掌握加载表格的最佳方式。我发现您可以创建一个 DataSource 类并使用 connect 方法连接到可观察对象并加载表。

我的任务:解析一条消息并获取一个 id 数组,然后调用后端获取每个 id 对应的对象。在数据表中显示对象列表。

我当前的解决方案:在我的服务中,我将对象传递给 getAllPatients(objet),然后获取对象 ID 的列表,然后循环遍历数组并为每个对象调用 getPatient(patient)。然后我订阅 getPatient 的结果,然后将结果推送到列表中并对列表进行排序,然后使用 Subject.next 推送包含患者列表的事件,该列表是我的 patientService 中的全局变量。在我的数据表 DataSource 类中,我在 connect 方法中传递了主题。

我的问题:我不确定是否有任何真正的退订发生,我也不确定这是否是最干净的方法..当我离开页面时,电话仍然会继续......我最担心的是,如果你进入页面然后离开并快速返回是否会导致两批调用继续,然后每个对象有 2 个?好像没有发生,但我有点担心。

代码:

我服务的功能:

表的数据源类:

0 投票
3 回答
11305 浏览

angular - 垫选择不在特定位置

当我在页面中添加图片时,我遇到了问题。像这张图片中选择的选项 在此处输入图像描述

但是如果我删除图像,结果是正常的,没有问题在此处输入图像描述

这是我的代码

.html

.css

我正在使用 Angular 5 材料。有没有办法覆盖角材料中选择选项的默认位置?或者有没有其他解决这个问题的方法。谢谢

演示:https ://stackblitz.com/edit/angular-mat-select2-tjeqfz?file= app/select-hint-error-example.html 感谢 Yerkon

0 投票
0 回答
144 浏览

angular - mat-select 选项添加许多选项时的奇怪行为

我有一个问题,我不能覆盖这个元素的行为。
这是测试用例:单击测试选项并单击 test1,然后再次单击并单击 test5。你会得到这样的输出......

在此处输入图像描述

这是演示:https ://stackblitz.com/edit/angular-mat-select2-bhpjlv?file=app/select-hint-error-example.html

非常感谢

0 投票
3 回答
22956 浏览

angular - 如果用户从一个选项卡移动到另一个选项卡,如何在 Angular Material 中重置/刷新选项卡正文数据?

这是我的示例代码

主控制器

在每个选项卡中,都有不同的控制器名为 - Poll 和 Survey。在这里,如果用户从一个选项卡移动到另一个选项卡,我想刷新\重置一个选项卡数据。

有什么简单的方法可以实现吗?

0 投票
1 回答
351 浏览

css - 添加 matexpansionpanel 后,Angular-Formly 样式不起作用

这是代码的stackblitz

https://stackblitz.com/edit/angular-syo244?file=app%2Fapp.component.html

在 app.component.html 中为所需输出注释代码

0 投票
0 回答
109 浏览

typescript - 如何通过在 Angular 5 自动完成中公开 Observables 类型的输入属性来添加自定义过滤

我在 Angular 5 中包装了一个角材料自动完成组件。在包装该组件时,我遇到了问题,因为我公开了一个 observable 类型的输入属性以添加一个自定义过滤器,即过滤,您可以在此链接中看到它:stackblitz1。在父组件中,可以提供任何过滤器,如“startwith”、“endwith”或“contain”等。这里过滤不起作用。它只是表现得像没有过滤器的简单自动完成。但是,如果该自定义过滤器仅在子组件中使用,而不暴露像硬编码这样的输入属性,它将起作用,我也给出了该链接:stackblitz2。我也尝试使用 ngOnChanges,但它不起作用。

有没有其他方法可以通过公开输入属性(即硬编码)来获得与stackblitz2 w中相同的行为?

0 投票
2 回答
4590 浏览

angular - 内置的 deselectAll 方法在多个 Angular mat-selection-list 中不起作用

我正在使用 angular5mat-selection-list在同一组件中创建多个。

列表选择-example.html

列表选择example.ts

这是完整的代码:https ://stackblitz.com/edit/angular-i3pfu2-dla3rd?file=app%2Flist-selection-example.ts

在此示例中,deselectShoes()方法按预期工作。但deselectCloth()没有按预期工作,仅取消选择鞋子

我们如何解决这个问题?

0 投票
1 回答
2457 浏览

angular5 - Angular 5 中的材料自动完成字段验证

我们正在使用 Angular 材料开发我们的 Angular 5 应用程序。我们有 2 组 4 个类似的自动完成类型字段。我们已经使用 Material AutoComplete 字段实现了。

第一组 4 个字段用于获取客户详细信息。第二组字段获取客户详细信息,但第二组的可见性是可选的,由复选框控制。该功能运行良好。但是当我通过tag:MatAutocompleteTrigger订阅实现强制选择时,第一组字段工作正常。而对于加载的第二组字段应该仅在选中复选框时不可见,而第二组字段将变为可见。

由于存在错误,我将代码片段放置在发生错误的位置。我只是在这里显示一个带有 id 的字段 altCustomerName altCustomerNameId。我试图将此 id 值设置为 true ontag:ngOnInit并设置为 false on tag:ngAfterViewInit。但这也以错误告终。

HTML(视图)

组件代码:(在类中声明了 altCustomerNameControl)enter code here

如果您需要对代码进行任何说明,请告诉我。

0 投票
1 回答
111 浏览

typescript - Angular5自定义表单控件变成formControl

我有这个

HTML

TS(查看)

证监会帐户选择器.html

sfc-account-selector是一个自定义表单控件。我面临的问题是,如果我在 getter 上使用required属性<sfc-account-selector>,setter 将触发。如果我将控件包装在另一个表单控件中,则不会触发 require。

包装在所需的 formControl 中时,有没有办法更新“必需”?