问题标签 [angular8]

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

angular - 如何更改 Angular Material Datepicker 主题?

我想更改默认 Angular Material Datepicker 的主题。我找不到任何关于这个问题的有用信息(我只找到了 AngularJS 或旧的 Angular Material)。我使用的是默认 CSS,但我根据自己的喜好对其进行了修改。

这是日期选择器的样子: https ://imgur.com/YmJctem

我想把它改成这种类型: https ://imgur.com/oVlwCDK

我想使用材料日期选择器,因为我实现了一些代码,它只适用于材料日期选择器。

也许这听起来很有趣,但我想在 Angular Material Datepicker 中添加一个 Datepicker Material Design。

感谢您的帮助/建议!

0 投票
3 回答
1223 浏览

javascript - 在角度 8 中单击模板驱动表单中的“清除”按钮时如何清除文本字段?

我正在尝试制作一个带有两个输入字段和一个“清除”按钮的基本登录表单,该按钮应在单击时将输入字段空白。如何做到这一点?

我知道如何使用 reset() 以反应形式执行此操作,但我不知道如何以模板驱动形式执行此操作。

我希望文本字段应重置为空白,但没有任何反应。

0 投票
2 回答
3300 浏览

javascript - 运行 ng serve 与 ng build 时 index.html 中的差异加载脚本引用不同

升级到 Angular 8 后,ng build生成一个支持差异加载的正确 index.html,但ng serve生成一个不同的 index.html,其中仅包含对某些生成的“es5”脚本的引用。因此,该应用程序无法在 IE 11 等 ES5 浏览器中运行。

到目前为止,我有:

  • 确认该应用程序在现代 ES2015+ 浏览器(如 Chrome)中按预期运行
  • 确认该应用在 Angular 8 升级之前在 IE 11 上运行
  • 比较 IE 11 中的 index.html 源代码与 dist 目录中生成的源代码 from ng build,可以看到脚本引用的差异(参见下面的示例代码)
  • 在 Github 和 stackoverflow 上搜索 angular 和 angular-cli 问题以查找类似问题
  • 尝试使用和不使用 angular.json 中即将弃用的 es5BrowserSupport 选项构建和服务
  • 更新到最新版本的 @angular-devkit 和 @angular 包

我正在处理的存储库包含一个应用程序项目和一个库项目。以下是 Angular 8 升级后来自 angular.json 的相关架构目标:

这是启用了 IE 11 支持的 browserlist 文件:

tsconfig.json:

预期结果

ng build在 dist/ng-shared-components-tester/index.html 中生成预期结果:

实际结果

ng serve正在为仅包含 ES5 版本的 pollfills.js 的 IE 11 提供 index.html:

0 投票
1 回答
121 浏览

electron - 需要帮助在电子应用程序中设置角度

我正在寻找在电子应用程序中运行最新的 angular8。

我的电子应用程序运行但角度没有启动到电子应用程序中。我已按照给定链接中给出的所有步骤进行操作。 https://www.sitepoint.com/build-a-desktop-application-with-electron-and-angular/

我让电子应用程序运行但看不到角度结构,并且在控制台中显示错误,如附加图像所示

在此处输入图像描述

0 投票
0 回答
1863 浏览

node.js - 无法在节点 10.16.0 上运行 Angular-cli

这是我的电脑信息:

  1. 节点版本 10.16.0

  2. npm 版本 6.9.0

  3. 环境变量C:\Users\tran.sonhoang\AppData\Roaming\npm\node_modules\@angular\cli\bin

我的问题是当我运行时,ng new app-name我会得到包含此信息的文件

这个问题对我来说很奇怪,因为这是我第一次看到 angular-cli 的这个问题。

我试过的:

  1. 删除节点并再次安装相同的版本。
  2. 删除 npm 缓存 + 更新 npm
  3. 删除 Angular-cli 并重新安装

但它仍然不能解决这个问题。任何帮助将不胜感激。谢谢!

0 投票
0 回答
992 浏览

typescript - chart.js 与 Angular 8 兼容吗?

从那时起,我已将我的 angular 7 应用程序迁移到 angular 8,chartjs 没有按预期工作,而且引发了很多错误。所以我担心的是“chartjs 是否与新的 Angular 版本 8 兼容?”

请在这方面提供帮助。

谢谢。

0 投票
1 回答
150 浏览

angular - angular8.0 动态导入不支持 webpack 魔术注释

我将 angular7 升级到 angular8,我注意到我的 webpack 版本从 4.33.0 降级到 4.30.0。angular8 支持动态导入,所以我想使用 webpack “魔术注释”来自定义我的 angular 模块块名称,但它不起作用。

0 投票
2 回答
24191 浏览

node.js - 为什么 Angular 8 推荐 Node 12?

从 Angular 7.2 更新到 8.0,https ://update.angular.io/ 上的指南说“确保您使用的是 Node 12 或更高版本”。为什么 Angular 8 需要 Node 12(当前)?如果我继续使用 Node 10 (LTS),会出现什么问题?

0 投票
2 回答
10444 浏览

angular - bypassSecurityTrustResourceUrl 和 bypassSecurityTrustUrl 有什么区别

我浏览了这两个功能的角度文档

bypassSecurityTrustUrl

绕过安全性并相信给定的值是一个安全样式的 URL,即可以在超链接或<img src>

bypassSecurityTrustResourceUrl其中说

绕过安全性并相信给定的值是一个安全的资源 URL,即一个可用于加载可执行代码的位置,如<script src><iframe src>

以上两者都用于绕过安全和信任。

我绕过了blob url <img src>,所以在浏览文档之前,我的IDE(vscode)提供了上述两个函数,我使用bypassSecurityTrustResourceUrl了,我的代码就像......这个。

组件.ts

组件.html

根据文档bypassSecurityTrustUrl应该可以工作。但我使用了'bypassSecurityTrustResourceUrl'

它实际上正在工作!!!!

所以我的问题是这两个功能有什么区别。如果可以使用其中任何一个,为什么要使用两个不同的功能?

0 投票
2 回答
627 浏览

javascript - 如何将 ngModel 值从输入传递到 *ngIf

我有一个输入字段,我想通过使用[(ng model)]来传递它的数据*ngIf

我想当用户在输入字段中输入一些数据时,如果数据与condition然后运行匹配,mainpart否则elsepart运行