问题标签 [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.
angular - 数字和文本列的 Mat 排序问题
我有角度材料数据源。角材料版本是 ^5.0.3 排序工作。但是,对于某些列,它的排序不正确。数字和文本在那里。例如,排序后的结果像,'XXX','1','1tesxt','1','OPD',OXD','12'。
感谢你的帮助。
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 个?好像没有发生,但我有点担心。
代码:
我服务的功能:
表的数据源类:
angular - 垫选择不在特定位置
当我在页面中添加图片时,我遇到了问题。像这张图片中选择的选项
这是我的代码
.html
.css
我正在使用 Angular 5 材料。有没有办法覆盖角材料中选择选项的默认位置?或者有没有其他解决这个问题的方法。谢谢
演示:https ://stackblitz.com/edit/angular-mat-select2-tjeqfz?file= app/select-hint-error-example.html 感谢 Yerkon
angular - mat-select 选项添加许多选项时的奇怪行为
我有一个问题,我不能覆盖这个元素的行为。
这是测试用例:单击测试选项并单击 test1,然后再次单击并单击 test5。你会得到这样的输出......
这是演示:https ://stackblitz.com/edit/angular-mat-select2-bhpjlv?file=app/select-hint-error-example.html
非常感谢
angular - 如果用户从一个选项卡移动到另一个选项卡,如何在 Angular Material 中重置/刷新选项卡正文数据?
这是我的示例代码
主控制器
在每个选项卡中,都有不同的控制器名为 - Poll 和 Survey。在这里,如果用户从一个选项卡移动到另一个选项卡,我想刷新\重置一个选项卡数据。
有什么简单的方法可以实现吗?
css - 添加 matexpansionpanel 后,Angular-Formly 样式不起作用
这是代码的stackblitz
https://stackblitz.com/edit/angular-syo244?file=app%2Fapp.component.html
在 app.component.html 中为所需输出注释代码
typescript - 如何通过在 Angular 5 自动完成中公开 Observables 类型的输入属性来添加自定义过滤
我在 Angular 5 中包装了一个角材料自动完成组件。在包装该组件时,我遇到了问题,因为我公开了一个 observable 类型的输入属性以添加一个自定义过滤器,即过滤,您可以在此链接中看到它:stackblitz1。在父组件中,可以提供任何过滤器,如“startwith”、“endwith”或“contain”等。这里过滤不起作用。它只是表现得像没有过滤器的简单自动完成。但是,如果该自定义过滤器仅在子组件中使用,而不暴露像硬编码这样的输入属性,它将起作用,我也给出了该链接:stackblitz2。我也尝试使用 ngOnChanges,但它不起作用。
有没有其他方法可以通过公开输入属性(即硬编码)来获得与stackblitz2 w中相同的行为?
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()
没有按预期工作,仅取消选择鞋子 。
我们如何解决这个问题?
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
如果您需要对代码进行任何说明,请告诉我。
typescript - Angular5自定义表单控件变成formControl
我有这个
HTML
TS(查看)
证监会帐户选择器.html
sfc-account-selector是一个自定义表单控件。我面临的问题是,如果我在 getter 上使用required属性<sfc-account-selector>
,setter 将触发。如果我将控件包装在另一个表单控件中,则不会触发 require。
包装在所需的 formControl 中时,有没有办法更新“必需”?