问题标签 [angular10]

我从事一个相当大的角度项目。我们在 2020 年的大部分时间都在使用 Angular 8，并推迟升级到 Angular 9 和 10，因为上次我们尝试升级时，应用程序感觉不对。因此，我们决定利用夏天来升级和解决我们遇到的问题。我没有参与实际的升级，负责人已经去度假了。

我们的开发环境存在一些问题，我们在生产构建中没有遇到这些问题：

• setTimeout -functions 已停止工作。1 秒的超时实际上可能需要 30 秒。与不同的rxjs替代方案相同，例如延迟()。它使每个使用 setTimeout() 的函数看起来都冻结或挂起。
• 我们在保存时丢失了热重载。
• Chrome devtools 感觉非常滞后。
• 该应用程序整体感觉不可预测。
• 保存时重新编译应用程序非常慢。

同样，我们的生产构建似乎没有遇到这些问题，尤其是 setTimeout 的问题。

我曾尝试查看我们的 angular.json 和 tsconfig-configurations 并关闭 Ivy，但运气不佳。另外，我正在运行最新版本的 Node.js，并尝试多次删除 node_modules 和 package-lock.json。

如果有人听说过类似的事情发生，或有任何建议，将不胜感激。是否存在导致 Ivy 编译器出现问题的依赖项？

Angular.json

tsconfig.json

tsconfig.app.json

tsconfig.base.json

依赖项

如何仅在页面上显示 Angular 组件，并从 Angular 组件中隐藏其他所有内容，包括页眉和页脚？页眉和页脚自动放置在我们所有的组件中，我们甚至不在 html 中为它们编写代码。

绿色边框中的组件图片

使用以下解决方案部分有效，但有时页眉和页脚仍会显示几秒钟，而实际组件正在加载。

如何让 Angular 组件占据整个屏幕高度

这是产品组件 html：

Angular 10 中值得注意的变化之一是日期范围选择的经常请求功能： https ://material.angular.io/components/datepicker/overview#date-range-selection

它使您能够在同一个选择器中选择开始日期和结束日期。

我想以我需要的形式使用此输入，以便从数据库中过滤记录。但是，根据要求，我应该可以不指定开始日期或结束日期。因此，我应该能够涵盖以下所有示例场景：

1. 2020 年 5 月 15 日至 2020 年 6 月 30 日：选择日期在给定范围内的所有记录
2. 未指定至 2020 年 6 月 30 日：选择日期不超过 6 月 30 日的所有记录。
3. 2020 年 5 月 15 日至未指定：选择从 5 月 15 日起的所有记录。

完成案例 1 非常简单。我不确定如何完成案例 2 和 3。

任何人都可以帮忙吗？

我在测试我的 Angular 10.0.3 应用程序时得到一个空白页。这里是 server.js：

包.json：

角.json

当我开始通过ng serve --open它工作正常。但是当我想通过node server.js项目目录启动它时 - 我得到一个空白页。

我正在使用这篇文章，并从底部使用了一个 repo。我认为路径有什么问题 - 脚本无法编译。

当我在 ng 为应用程序提供服务时遇到阻塞问题时，我试图使用我的 android 智能手机运行一个常规的 angular 10 Web 应用程序：ng serve 挂在复制资产上，显示：“92% 处理额外的资产 copy-webpack-plugin”。

有没有办法强制 ng serve 抛出异常或任何有意义的消息，以便我能够进一步调查？ 在使用（Android OS/termux）ng serve处理额外资产时，永远挂断在 92% 。copy-webpack-plugin以下是到目前为止完成的详细信息和步骤：

角度版本：

新应用：

Ng serve --verbose：

我正在尝试从带有<ion-input></ion-input>. 然后将返回的数据发送到 firebase 后端。

更具体地说，我希望在按下按钮时创建一个新的“工作区”。这个工作区有一个标题，当点击一个按钮时，我想显示一个模式，询问这个新工作区的标题。在另一个按钮按下时，标题被传递给父组件，父组件将输入数据传递到 firebase 中的新工作区文档。它还为其提供了当前用户 uID 的条目。

我是角度和离子的新手，所以我尝试在模态组件中进行 2 向数据绑定，但对离子/角度混合或离子模态没有足够牢固的把握，无法检测到问题。

目前，这是按下模式按钮时显示的错误：

有一个工作区界面，我已设置为任何：

.ts这是省略了不必要代码的父组件：

家长html：

这是.ts帮助在数据库中创建新工作区的自定义工作区服务，其中包含用户 ID 和从模式（标题属性）收集的数据：

模态组件.ts和模态html：

感谢您提供的任何帮助！

我已经尝试了所有可用的解决方案，但无法让这个简单的事情发挥作用。

这是我的 ts 文件。

这是我的 HTML

这是输出预览。

无论我使用什么方法，这都是选择最后一个选项。

将我的项目更新为 angular-10 后，出现错误：

当去“一些图书馆”时，表格功能被导出

知道会出什么问题吗？

根据要求，我们将从 api 获取值，并且在加载 Ag Grid 时应预先选择这些行。

电网就绪：

我们正在尝试下面的代码来预先选择默认复选框，但它不起作用。

当我们在 Get 按钮下使用时，上面的代码是有效的。请审查和指导我们。

我正在尝试在具有多个应用程序和库的单存储库中提升 Angular 版本。其中一个库和其中一个应用程序正在使用Clarity 框架

ng updatetslib当 Angular 10 使用 v2 时，由于清晰度取决于 v1 而失败。

是否有明确升级到 tslib V2 的计划？

有人使用 Angular 10 和清晰度吗？

更好的是，有没有人有一个依赖于清晰度并使用 Angular 10 构建的库？