问题标签 [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.
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。
感谢您的帮助/建议!
javascript - 在角度 8 中单击模板驱动表单中的“清除”按钮时如何清除文本字段?
我正在尝试制作一个带有两个输入字段和一个“清除”按钮的基本登录表单,该按钮应在单击时将输入字段空白。如何做到这一点?
我知道如何使用 reset() 以反应形式执行此操作,但我不知道如何以模板驱动形式执行此操作。
我希望文本字段应重置为空白,但没有任何反应。
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:
electron - 需要帮助在电子应用程序中设置角度
我正在寻找在电子应用程序中运行最新的 angular8。
我的电子应用程序运行但角度没有启动到电子应用程序中。我已按照给定链接中给出的所有步骤进行操作。 https://www.sitepoint.com/build-a-desktop-application-with-electron-and-angular/
我让电子应用程序运行但看不到角度结构,并且在控制台中显示错误,如附加图像所示
node.js - 无法在节点 10.16.0 上运行 Angular-cli
这是我的电脑信息:
节点版本 10.16.0
npm 版本 6.9.0
环境变量
C:\Users\tran.sonhoang\AppData\Roaming\npm\node_modules\@angular\cli\bin
我的问题是当我运行时,ng new app-name
我会得到包含此信息的文件
这个问题对我来说很奇怪,因为这是我第一次看到 angular-cli 的这个问题。
我试过的:
- 删除节点并再次安装相同的版本。
- 删除 npm 缓存 + 更新 npm
- 删除 Angular-cli 并重新安装
但它仍然不能解决这个问题。任何帮助将不胜感激。谢谢!
typescript - chart.js 与 Angular 8 兼容吗?
从那时起,我已将我的 angular 7 应用程序迁移到 angular 8,chartjs 没有按预期工作,而且引发了很多错误。所以我担心的是“chartjs 是否与新的 Angular 版本 8 兼容?”
请在这方面提供帮助。
谢谢。
angular - angular8.0 动态导入不支持 webpack 魔术注释
我将 angular7 升级到 angular8,我注意到我的 webpack 版本从 4.33.0 降级到 4.30.0。angular8 支持动态导入,所以我想使用 webpack “魔术注释”来自定义我的 angular 模块块名称,但它不起作用。
node.js - 为什么 Angular 8 推荐 Node 12?
从 Angular 7.2 更新到 8.0,https ://update.angular.io/ 上的指南说“确保您使用的是 Node 12 或更高版本”。为什么 Angular 8 需要 Node 12(当前)?如果我继续使用 Node 10 (LTS),会出现什么问题?
angular - bypassSecurityTrustResourceUrl 和 bypassSecurityTrustUrl 有什么区别
我浏览了这两个功能的角度文档
绕过安全性并相信给定的值是一个安全样式的 URL,即可以在超链接或
<img src>
bypassSecurityTrustResourceUrl其中说
绕过安全性并相信给定的值是一个安全的资源 URL,即一个可用于加载可执行代码的位置,如
<script src>
或<iframe src>
。
以上两者都用于绕过安全和信任。
我绕过了blob url <img src>
,所以在浏览文档之前,我的IDE(vscode)提供了上述两个函数,我使用bypassSecurityTrustResourceUrl
了,我的代码就像......这个。
组件.ts
组件.html
根据文档bypassSecurityTrustUrl
应该可以工作。但我使用了'bypassSecurityTrustResourceUrl'
它实际上正在工作!!!!
所以我的问题是这两个功能有什么区别。如果可以使用其中任何一个,为什么要使用两个不同的功能?
javascript - 如何将 ngModel 值从输入传递到 *ngIf
我有一个输入字段,我想通过使用[(ng model)]
来传递它的数据*ngIf
我想当用户在输入字段中输入一些数据时,如果数据与condition
然后运行匹配,mainpart
否则elsepart
运行