问题标签 [angular-material-8]

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 回答
209 浏览

angular - 按需生成主题 Angular 8

我需要从包含基于域的颜色的配置文件中获取调色板。

配置文件是放在项目根目录下的json文件。

在 angular material 1 中,有一种方法可以通过lazy-generate-theme按需生成主题

有什么方法可以在角度 8 的角度材料中做类似的事情吗?

0 投票
1 回答
1493 浏览

node.js - 为拖放页面构建器选择什么技术堆栈

我们在 Angular 8 中构建了不同的模板,其中包含滑块、产品列表和一些带有图像、文本等的块。我需要创建一个拖放页面构建器,用户可以在其中选择模板、添加或删除任何元素和编辑元素(样式)例如带有图像、标题、价格、按钮等的产品框。我不知道如何继续使用技术堆栈,最终将模板保存为 Angular。大多数组件都显示从 API 加载的动态数据

  • 画布是没有选择
  • 我需要为页面上组件/元素的位置创建一个 json 对象吗?
  • 使用“ComponentFactoryResolver”动态创建组件有帮助吗?但是如何在实时编辑时绑定数据以及在使用角度构建时保存后
  • 在可放置区域中创建组件时,我将如何检测它是否包含图像或文本,并且我必须针对所选元素打开可编辑选项

任何帮助将不胜感激,我愿意接受任何讨论

0 投票
1 回答
184 浏览

typescript - 更改角度材料中的选择时如何从后端获取url到iframe

在此处输入图像描述

.html 页面

.ts 文件

在基于 url ifrmae src 从下拉列表中更改选择时,应该更新。

0 投票
1 回答
1706 浏览

angular - 在 Angular Material 8 中使用 utc+0 和 MAT_DATE_LOCALE

我正在使用 Angular 8 和 Angular Material 8。我的应用程序在 AppModule 中有以下代码:

其中 myFunctionToGetServerLanguageCode 是一种返回字符串的方法,例如“en-US”(基于服务器)。然后,我将这个组件与来自 Angular Material 的日期选择器和这些特定的提供程序一起使用:

通过这种方式,我打算:

  • 使用 datePicker 的时刻;
  • 使日期选择器使用 utc+0;
  • 使用与文化相同的格式;

例如,带有“en-US”的 MAT_DATE_LOCALE:如果我选择 2020 年 4 月 10 日,我希望选择器显示“04/10/2020”(例如,“L”格式将设置为 MM/DD/YYYY ) 并发出“2020-04-10T00:00:00.000Z”

发生的情况是选择器发出“2020-04-09T23:00:00.000Z”。使用开发人员工具,发出的值是私有属性“_isUtc”设置为 false 的时刻。

我哪里错了?

0 投票
0 回答
50 浏览

angular - Angular 8 有没有办法在每次击键时停止触发按钮上的 [disabled]="somefunc()" 功能?

这是代码片段:

我正在使用带有材料步进器的 Angular 8。

注意到 isNextStepDisabled() 函数在表单中的每个键击中都会被调用(实际上,一旦步骤处于活动状态,就会以任何形式调用)。如何不触发它,但只有当用户离开某些字段时才触发它?

0 投票
1 回答
2252 浏览

javascript - Angular Material 8 单选按钮值作为布尔值

我有一个具有 2 个属性的简单网站:一个单选按钮组(带有 2 个单选按钮)和一个输入字段(文本字段)

我要做的是一旦用户提交表单,应保存所选单选按钮的布尔值和输入字段的值。对于输入字段,这没有任何问题,但由于某种原因,单选按钮的值被遗漏了并且没有出现在任何地方。这是我到目前为止得到的:

提交按钮:

表单生成器如下:

有谁知道为什么membership在提交时忽略了该值?提前致谢!

0 投票
0 回答
244 浏览

angular - this.appRef.attachView 不是函数

我正在使用@angular/core@angular/common版本8.2.14;和@angular/cdk@angular/material 8.2.3

当我尝试使用 Angular 材料的 mat-dialog 时,我收到此错误:

TypeError:this.appRef.attachView 不是函数。

我在 Angular 材料的快餐栏和底板上也遇到了同样的错误。

我在网上搜索了很多关于这个错误的信息,发现它是因为 angular 和 angular/cdk 之间的版本不匹配,但它似乎不是我的情况。对此有任何帮助/指导吗?

0 投票
1 回答
2532 浏览

css - SonarQube - ::ng-deep 收到错误为“意外的未知伪元素选择器 ::ng-deep”

在我们的项目中,我们使用角材料进行开发。我们已经使用 ::ng-deep 覆盖了角度材质样式来自定义 CSS 属性。

使用 ::ng-deep 时,在声纳报告中出现“意外的未知伪元素选择器 ::ng-deep”错误。

在此处输入图像描述

在 ::ng-deep 之前,团队尝试使用父类( mat-input-underline.mat-form-field-underline )和使用 customstyle.scss 文件覆盖属性,但它没有按预期工作。

只是想知道这个问题是否有任何替代解决方案,或者我们是否应该在声纳指标中跳过这条规则。有人请对此提出建议吗?

参考

用什么代替 ::ng-deep

0 投票
1 回答
331 浏览

angular - Mat单选按钮波纹效果动画淡出

我正在使用角度材料 8,我正在使用 mat-radio 按钮。我能够覆盖单选按钮和动画的颜色。但是当我单击另一个单选按钮时,现有的单选按钮淡出动画仍然是粉红色的。我尝试了几节课来过度学习,但没有成功

0 投票
2 回答
1175 浏览

angular - Angular Material - table mat-table 不渲染来自rest api的数据

我一直在尝试在角度 8 中实现 mat-table。我不明白我做错了什么,我的 REST 端点提供的数据在控制台输出上清晰可见。

我的 admin.component.html 文件

我的 ts 文件

当控制台数据以这种格式出现时

但仍然没有行被渲染,也没有错误。对此的任何帮助将不胜感激。