问题标签 [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 投票
1 回答
7013 浏览

angular - startWith('') 打字稿代码有什么作用?

我正在使用 Typescript 学习 Angular 5。我正在尝试实现一个角度材料自动完成,我发现以下代码对我来说非常模糊:

完整的代码可以在这里找到:https ://stackblitz.com/angular/mdokmnyajmd?file=app%2Fautocomplete-overview-example.ts

我倾向于认为,当 stateCtrl 发生更改时,当且仅当在自动完成中选择了具体元素时,它才会返回 filterStates(state) 结果。

我不明白的是 startWith('') 的使用?!为什么不在 valueChanges 上简化调用订阅?

0 投票
2 回答
7236 浏览

angular - 角料表自动滚动

有没有办法在后面的代码中滚动 Angular Material Table?

我有一个要求,当页面加载时,表格应该始终位于底部。不幸的是,分页不是一种选择。

0 投票
4 回答
5553 浏览

angular5 - 向 mat-card 添加波纹,而卡片在点击/触摸时不会扩展

我正在尝试使用有角材料为卡片添加涟漪效果。涟漪效果按其设想的方式工作,只是在效果激活时它会扩展卡片的高度。如何阻止卡扩展?

演示行为的 Stackblitz

0 投票
1 回答
1511 浏览

javascript - Angular 5.0 静态注入器错误

我试图打开对话框。当我按下按钮但出现此错误时:

文件 userbtable.component.ts:

0 投票
4 回答
79666 浏览

angular - 如何在 Angular 5 的 Mat-Select 选项中获取所选值的 ID

如何在 mat-select angular 5 中获取所选选项值的 id。仅在 onchangeevent 中获取所选选项的值。但是如何获取所选选项值的 id。

0 投票
3 回答
10874 浏览

angular - 无法绑定到“ngModel”,因为它不是“mat-slide-toggle”的已知属性

我正在尝试获取 a 的当前值,mat-slide-toggle但不幸的是我会收到一个错误:

我在组件的 html 部分使用这样的切换:

我的组件中的相应属性:

我做错了什么?


文件mat-slide-toggle

mat-slide-toggle一起的官方例子[(ngModel)]


使用版本:Angular:5.2.4,Angular Material:5.2.0

0 投票
2 回答
485 浏览

angular - 该表未以角度显示信息

我有一个问题,信息显示在控制台中,但是当我尝试在表格中显示信息时,列显示但看不到对象。我不知道为什么!

这是我的打字稿:

表格.ts

这是我的 HTML:

tabla.html

有人知道我的错误是什么吗?

谢谢你的帮助。

错误图像

0 投票
0 回答
4324 浏览

input - 使用垫表数据源的角度输入变化检测性能

有谁知道在 ngOnChanges 生命周期挂钩中更新 mat 表数据源是否可以?或者是否存在大规模的潜在数据泄漏或性能问题?

这是我的意思的一个简单示例。

子组件有一个输入数据的父组件,如下所示:

和子组件:

现在父组件订阅了不同的可观察对象,这些可观察对象对数据的不同更改做出反应。也就是说,如果添加或删除数据,则相应地更新父组件,并将其作为输入传递给子组件。

由于子组件使用 ngOnChanges 生命周期钩子来监视输入数据的变化,因此子组件通过实例化一个新的 MatTableDataSource 来更新表数据。

一切正常。除了 ngOnChanges 经常触发而且我每次都实例化一个新的表源时我很谨慎——就像这样,这让我很紧张。

我知道这个子组件可以只订阅更改并负责数据而不是从父组件接收数据,但如果可以的话,我宁愿保持“智能”和“哑”组件的关系。

有人在大规模或生产中以这种方式做事吗?这个可以吗?我只是因为在过去 24 小时的大部分时间里一直盯着我的电脑屏幕而变得神经质吗?

0 投票
1 回答
1133 浏览

javascript - 如何使用 QuerySelector 从角度材料形式中检索值

我尝试使用 javascript document.querySelector 从角度检索值。我能够检索输入字段值,但是当我来到单选按钮、切换和选择框时,我无法检索值。我无法使用检索值

0 投票
2 回答
2965 浏览

angular - 如何设置 Angular Material Autocomplete(下拉菜单)以处理从数据调用返回的数据(早期调用的 filteredOptions)

我正在尝试使用 Angular 5 Material 的自动完成功能创建一个客户(或任何东西)的下拉列表。但与 Angular 网站上提供的示例不同,我的数据不是静态的,而是在数据调用之后返回的getAllCustomer()

我遇到的问题似乎是filterOptions在数据从我的getAllCustomer()方法返回之前分配。

如何确保仅filterOptions在我的数据返回后分配我的?

这是我的代码:

这是我的 HTML:

作为奖励,我如何能够实现相同的功能,但使用实际的搜索功能返回用户在搜索框中键入的数据 - 即按字符串方法搜索?

这是我的searchByString功能: