问题标签 [angular5]

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

angular - 升级到 Angular 5 webpack 命令失败后

我的项目在 dot net core 2.0 上运行,角度为 4.2。我将其更新为最新的角度(5.0.0)。从那时起,在 startup.cs 配置方法中的这一行抛出异常。

在这里失败并出现错误

当我从命令行使用 webpack 时也会抛出相同的错误。

我也对新项目进行了同样的尝试,但始终失败。这是某种错误还是我没有正确更新。

用于升级的命令:

0 投票
1 回答
5306 浏览

angular - 更新到 Angular 5 时出现错误:关键依赖项:依赖项的请求是一个表达式

以前我的应用程序使用 Angular 4.4.6。我按照指南 https://angular-update-guide.firebaseapp.com/更新到 Angular 5。我使用了这个:

但它没有用。它会给我一个错误no valid target found for rxjs。因此,我只是更改了 package.json 中的版本并运行npm install它,但运行 npm start 时,我收到错误

所以我删除了我的node_modules并再次安装了npm,运行npm start时我仍然遇到同样的错误。

截屏:截屏

0 投票
14 回答
47253 浏览

angular - 无法确定组件角度 5 的模块

使用“ng build --prod”构建 Angular 应用程序时出现以下错误。当我使用 Angular 4 构建并使用 Angular 5 出错时,这是有效的。使用 Angular 5,“ng serve”运行良好。

错误中的错误:无法确定 mypath/node_modules/time-ago-pipe/time-ago-pipe.ts 中 TimeAgoPipe 类的模块!将 TimeAgoPipe 添加到 NgModule 以修复它。

https://www.npmjs.com/package/time-ago-pipe出现错误

有什么解决办法吗?

0 投票
1 回答
787 浏览

angular - Angular 5:警告承诺被拒绝

我刚刚使用 angular-cli 安装了 Angular 5:

在新应用程序中,控制台中会发出以下警告。

不知道是什么原因?

0 投票
3 回答
9368 浏览

angular - Angular 5 webpack 编译错误

升级到 Angular 5 和 Cli 1.5 后,ng serve出现错误:

我试图添加include到我的tsconfig.app.json,所以它看起来像这样:

我尝试重新运行ng serve我得到另一个错误:

这看起来需要某种通用的解决方法。有任何想法吗?


更新

将所有软件包更新到最新版本后,问题消失了

0 投票
1 回答
337 浏览

angular - 从 Angular 5 组件中读取 TypeDecorator

以前,我可以使用 Reflect 元数据获取组件的元数据。现在元数据已移动到附加到组件的一些注释中。

像这样读取元数据

绝对是一个黑客。从组件中读取此类元数据的正确方法是什么?我想在@Component装饰器中获取附加到组件的数据。

0 投票
1 回答
1968 浏览

angular - 在 form.setValues() 上多次触发异步验证

我正在使用 Angular 5,反应形式的方法。

我在 Angular Material 对话框中有一个表单,用于输入和编辑数据。我的构造函数如下所示:

createForm调用创建了我进行异步验证的反应形式:

如果对话框处于“编辑”模式,则setValues调用修补需要编辑的数据:

setTitles调用设置对话框标题。

checkDocumentNumber调用从服务器获取一个值boolean

进行的 API 调用是:

“编辑”模式下的表单对话框调用如下:

我遇到的问题是,当我打开对话框来编辑文档数据时,会进行 9 个 API 调用来检查文档编号。前 5 个被取消,然后一个返回200,另一个被取消,最后两个返回200

应用程序不同部分的相同场景让我取消了 3 个电话和两个200电话。

如何阻止 Angular 进行这些不必要的 API 调用?在 Angular 5 之前,该updateOn标志不存在,所以我认为没有它,这将不会发生。

以下是正在执行的 API 调用的屏幕截图:

进行 API 调用

0 投票
0 回答
1793 浏览

angular - Angular 5 - 动态创建组件

假设我有一个方法generateHTML(someAttributes: string) : string
调用它style="color:#fff"会返回:

它有效,因为我在结果字符串上调用 bypassSecurityTrustHtml() 。

现在我遇到的问题是这个:该方法现在返回类似

some-selector不被 Angular 解释。

我一直在尝试使用 aViewRef但它在我的情况下不起作用,因为我需要一次性生成一堆东西并且排序很重要(ViewRef在最后添加组件)。

希望我错过了什么。
谢谢大家的阅读!

0 投票
1 回答
27 浏览

javascript - Angularjs 和 Angular 5 在同一台机器上的两个不同应用程序上单独工作

我已经有使用 Angularjs 的现有应用程序,现在我想使用 Angular 5 制作另一个应用程序,它完全独立于现有应用程序。

我想确定的是,这种情况是否存在,或者它会给我现有的应用程序带来问题。

0 投票
0 回答
165 浏览

javascript - 升级到angular@5.0.0后白屏

我已将 angular 从 v4.4.6 升级到 v5.0.0,并将 angular-cli 从 v1.3.2 升级到 v1.5.0。构建速度非常快(10 秒与 >1 分钟相比),但没有任何效果。

当我转到 localhost:4200 时,我得到的只是一个白屏,没有错误,没有警告。

我没有升级任何其他包,我尝试降级 angular-cli,结果是一样的。

有没有人遇到过类似的问题?