问题标签 [angular-material-6]
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 - 尝试 *ngFor 一个 Json 对象时出错
我正在尝试创建一个从端点返回的数据列表,我得到了 10 位数据,我想使用 *ngFor 来显示它们。我已经在正确的时间正确输入了数据,但它说
错误错误:“找不到类型为'object'的不同支持对象'[object Promise]'。NgFor 仅支持绑定到Iterables,例如数组。”
但是,据我所见,您可以在最新版本的 Angular 中在 *ngFor 中使用 json。
JSON 返回:https ://pastebin.com/TTn0EqSS
app.component.html
coin-market-cap.service.ts
app.component.ts
angular - 调用传单标记的onClick时,材质对话框卡住
我有一个项目,我有一张地图(使用ngx-leaflet)。单击
标记时,
我想显示来自Angular Material的 Dialog 。
对话框打开,但是当我单击关闭按钮时,它再次重新打开然后关闭。
我尝试了什么:
- 使用超时延迟对话
- 触发打开对话框的主题
- 删除和创建新对话框
- 在 ngx-leaflet 和 angular-material 的问题中搜索此错误
我发现了什么:
- 在发生某些事情后触发所有生命周期钩子(点击,背后的 js 事件,任何事情)
- 对话框可以随心所欲地简单,它不会改变任何东西
- 当我在对话框关闭时再次打开对话框时(在对话框的afterClosed中)它正常工作
示例代码的进一步解释:
- 在 App.component.ts 我将一个事件处理程序绑定到每个标记,然后在另一个函数中打开对话框
- 该代码是我在网上找到的这个项目的一个分支(只是更新了依赖项)
演示
我在这里做了一个演示:示例项目。
angular - 角材料 - 自动完成垫错误
我将angular 6 与angular material 6.4.2 一起使用,但我无法在自动完成时正确显示错误。
我创建了一个 stackblitz 来向您展示行为,这是链接
我的目标是按预期在样式化的自动完成上显示错误。
非常欢迎所有帮助:)
先感谢您。
干杯,马塞洛
javascript - 将两个表行交替在一起,然后是接下来的两个表行
想法是我想要一个有 2 行的表,颜色为绿色,然后是 2 行,颜色为黄色,然后再次为绿色等。我尝试使用 :nth-child,但它并没有真正起作用。我使用 angular 6 作为自动表格,使用 angular material 6 进行造型。
这是我用来试验的stackblitz:https ://stackblitz.com/edit/angular-f6vmrt
根据要求:浏览器的屏幕截图;
angular - Mat-Menu 上 Angular-Material 的角度测试
我正在尝试mat-menu
在我的应用程序工具栏中为我编写一个测试。当我调用button.click()
测试时,Cannot read property 'templateRef' of undefined
控制台中出现错误。
正如浏览器中的所有作品一样,我相信这与我运行测试的方式有关?
app.component.spec.ts
app.component.html
angular6 - 提供的数据源与 getTableUnknownDataSourceError 中的数组、Observable 或 DataSource 不匹配
我是 Angular 和 Angular Material 的新手,
没有 Angular Materail 它工作正常
使用 Angular Material 它不起作用
在组件中我声明了变量
简要描述组件代码以降低复杂性
json对象
angular6 - matTextareaAutosize 在 Angular Material 6.4.2 中不起作用
我正在尝试在角度材料 6.4.2 中的 textarea 上应用自动调整大小,如下所示 -
但它引发以下错误:无法绑定到“matTextareaAutosize”,因为它不是“textarea”的已知属性
我的代码有什么问题?
angular - 如何获取父节点及其属性?(角度材质树)
文档:https ://material.angular.io/components/tree/overview#nested-tree
这与我想做的完全一样,但我需要一个节点的父节点。如何在模板上获得它?
我正在考虑这样的事情:
angular6 - Angular 6 中的 FontAwesome 5 设置,使用 Angular 材质指示
基线:
- 角 6.0.3
- 角材料 6.4.2
- “@fortawesome/angular-fontawesome”:“^0.1.1”
- “@fortawesome/fontawesome-svg-core”:“^1.2.2”
“@fortawesome/free-solid-svg-icons”:“^5.2.0”
所以我已经安装了 angular-fontawesome 并且我试图让
<mat-icon>
指令工作,但它不是。我不清楚如何注册字体,或者我是否也需要。我正在寻找一个例子,说明有人在哪里使用带有角度的新字体真棒,以及使用<mat-icon>
指令来显示图标所需的内容。如果我按照 angular-font-awesome GitHub 页面上的说明进行操作,则一切正常,但他们使用的是这样的标签:<fa-icon icon="coffee"></fa-icon>
有人可以通过设置,以便我可以使用<mat-icon>
指令来渲染这些。