问题标签 [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.

0 投票
6 回答
2003 浏览

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

0 投票
1 回答
1177 浏览

angular - 调用传单标记的onClick时,材质对话框卡住

我有一个项目,我有一张地图(使用ngx-leaflet)。单击
标记时, 我想显示来自Angular Material的 Dialog 。

对话框打开,但是当我单击关闭按钮时,它再次重新打开然后关闭。

我尝试了什么:

  • 使用超时延迟对话
  • 触发打开对话框的主题
  • 删除和创建新对话框
  • 在 ngx-leaflet 和 angular-material 的问题中搜索此错误

我发现了什么:

  • 在发生某些事情后触发所有生命周期钩子(点击,背后的 js 事件,任何事情)
  • 对话框可以随心所欲地简单,它不会改变任何东西
  • 当我在对话框关闭时再次打开对话框时(在对话框的afterClosed中)它正常工作

示例代码的进一步解释:

演示

我在这里做了一个演示:示例项目

0 投票
3 回答
4939 浏览

angular - 角材料 - 自动完成垫错误

我将angular 6 与angular material 6.4.2 一起使用,但我无法在自动完成时正确显示错误。

我创建了一个 stackblitz 来向您展示行为,这是链接

我的目标是按预期在样式化的自动完成上显示错误。

非常欢迎所有帮助:)

先感谢您。

干杯,马塞洛

0 投票
1 回答
152 浏览

javascript - 将两个表行交替在一起,然后是接下来的两个表行

想法是我想要一个有 2 行的表,颜色为绿色,然后是 2 行,颜色为黄色,然后再次为绿色等。我尝试使用 :nth-child,但它并没有真正起作用。我使用 angular 6 作为自动表格,使用 angular material 6 进行造型。

这是我用来试验的stackblitz:https ://stackblitz.com/edit/angular-f6vmrt

根据要求:浏览器的屏幕截图;

如您所见,第一个 td 是蓝色,而第二个是默认颜色(白色) 浏览器截图

0 投票
2 回答
12803 浏览

angular - Mat-Menu 上 Angular-Material 的角度测试

我正在尝试mat-menu在我的应用程序工具栏中为我编写一个测试。当我调用button.click()测试时,Cannot read property 'templateRef' of undefined控制台中出现错误。

正如浏览器中的所有作品一样,我相信这与我运行测试的方式有关?

app.component.spec.ts

app.component.html

0 投票
4 回答
10218 浏览

angular6 - 提供的数据源与 getTableUnknownDataSourceError 中的数组、Observable 或 DataSource 不匹配

我是 Angular 和 Angular Material 的新手,

没有 Angular Materail 它工作正常

使用 Angular Material 它不起作用

在组件中我声明了变量

简要描述组件代码以降低复杂性

json对象

0 投票
1 回答
2015 浏览

angular - Angular Material 概述了输入和 ngx-translate

我有一个带有 Angular Material ^6.0.2 和 ngx-translate ^10.0.2 的 Angular 应用程序 ^6.0.0。

在我的应用程序中,我有一些带有外观 =“outline”的垫输入。每当我更改应用程序的语言时,输入标签都会与字段轮廓一起截断,如下面的屏幕截图所示。

如果我刷新页面,大纲将采用当前语言的宽度,并且按原样工作。

当我更改语言时,有没有办法只刷新/重建输入,而不必刷新页面?

谢谢!

法文标签正常:

法文标签正常

标签用英文轮廓截断:

标签用英文轮廓截断

0 投票
1 回答
1374 浏览

angular6 - matTextareaAutosize 在 Angular Material 6.4.2 中不起作用

我正在尝试在角度材料 6.4.2 中的 textarea 上应用自动调整大小,如下所示 -

但它引发以下错误:无法绑定到“matTextareaAutosize”,因为它不是“textarea”的已知属性

我的代码有什么问题?

0 投票
1 回答
3196 浏览

angular - 如何获取父节点及其属性?(角度材质树)

文档:https ://material.angular.io/components/tree/overview#nested-tree

这与我想做的完全一样,但我需要一个节点的父节点。如何在模板上获得它?

我正在考虑这样的事情:

0 投票
1 回答
1137 浏览

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>指令来渲染这些。