问题标签 [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 投票
2 回答
21115 浏览

angular - 升级到 Angular 5:TS6046 和 TS5024 错误

我们将应用程序升级到 Angular 5.0.0,在尝试运行ng serveorng build命令时遇到两个错误:

这是tsconfig.js文件:

和 package.json 文件:

版本:

ng -v=> 1.5.0 npm -v=> 5.5.1 node -v=> 9.0.0

在 Windows 10 上使用 Microsoft PowerShell 构建、运行、安装等。


[更新]:部分解决方案#1。

如果使用相同的错误@angular/cli": "^1.4.0"

我更新@angular/cli": "1.3.1"了 ng build 或 serve 命令工作,但它不能解决包的^1.5.0or^1.4.0版本的问题@angular/cli

[更新 2]:最终工作代码:

0 投票
1 回答
5472 浏览

angular - Angular 5:httpClient 不返回 JSON

我在理解如何HttpClient工作时遇到了问题

api.service.js

任务组件.ts

我是 Angular 5 的新手,必须为课程创建一个 CRUD 应用程序,但实际上陷入了这个问题。

如何在 task.component.ts 中获取 JSON 对象?

0 投票
4 回答
2435 浏览

angular - Angular 5 - 未捕获的 ReferenceError:req 未定义

我最近将我正在运行的项目从 Angular 4.4.3 更新到 Angular5。我按照更新指南将所有 Angular 包更新为 Angular 5.0.0。

另外,我还将 angular CLI 更新为 1.5.0。从那时起,我在控制台中遇到以下错误:

我在这里错过了什么吗?

0 投票
3 回答
5683 浏览

angular - Angular 5 管道和动态语言环境

我目前有内置 angular 4 的应用程序,并想升级到 angular 5。我正在阅读他们如何处理管道中的语言环境,似乎升级不再是一种选择。据我所知,他们希望您 1. 手动导入不同的文化 2. 为每种文化构建单独的应用程序

问题是我为一家支持 351 种不同文化的国际公司工作,我们有 15 个应用程序。如果我想像他们一样继续升级,角度团队真的说我现在必须构建 5265 个不同的应用程序吗?如果我带着那个去我的老板那里,我可能会被赶出房间。

在我们的 angularJs 应用程序中,我们刚刚下载了用户登录时在运行时需要的 $locale 服务,并将提供程序设置为该服务。Angular 没有这样的东西吗?如果不是,我不确定企业级应用程序如何使用这种语言,除非开发人员足够幸运,只需要支持一种文化。

0 投票
1 回答
1322 浏览

angular - 如何从文档中的列表中搜索值 - Firestore

我需要在“quentinhas”中搜索文档,其中搜索参数是“diasDaSemana”......

就像是:

但是此代码不适用于在该列表中搜索。

下图火库:

在此处输入图像描述

0 投票
1 回答
540 浏览

angular - 对组件装饰器使用字符串插值失败

我正在将项目更新到最新的 Angular 5 版本,但经过一些版本调整后它仍然失败。所以我基于当前版本(@angular/cli 1.5.0,@angular/* 5.0.0)创建了一个全新的 angular-project 并开始寻找问题。

事实证明,例如在装饰器中使用字符串插值不再被识别。在外部,例如在 console.log 输出中,它运行良好。

我在默认生成的 AppComponent 上试了一下:

结果是一个很大的例外,您可以看到 Angular 尝试定位资源,例如:

src/ ./${name}.component.css.ts 不存在

有没有人暗示这里出了什么问题和/或我可以指出正确的方向吗?

更新:在angular-community做出回应后,这似乎更像是@angular/cli / webpack 的问题。

0 投票
0 回答
472 浏览

angular - 使用 SVG 模板注入动态组件

是否可以注入作为子 svg 元素的动态组件?

例如,我有一个主要组件 (CanvasComponent) ,它的模板是这样的

该 ng-template 是用于根据https://angular.io/guide/dynamic-component-loader动态注入组件的锚

动态(SquareComponent)有这个模板

现在,由于动态组件添加到 DOM 的方式,当我的 Square 组件添加 DOM 时,它将包含在 div 元素中,如下所示。

理论上一切都很好,除了这是 SVG,因此我的正方形不会渲染,因为它有未知的标记(div)。这里的问题是,我能否以某种方式更改注入器使用的元素,以便它使用和 svg 知道像 g 这样的元素,而不是使用 div?

0 投票
0 回答
829 浏览

angular - Angular 5 项目未检测到文件更改/保存的更改

我刚刚在 Angular 5 中创建了一个项目,当我更改任何文件上的任何内容时,它没有检测到文件更改/保存甚至没有重新加载浏览器,并且在更改文件上的某些内容后,我手动刷新浏览器它甚至没有检测到更改但是当我ng serve再次这样做时,它检测到了所有变化。

ng -v以下

在此处输入图像描述

0 投票
1 回答
1604 浏览

angular - 使用 Angular CLI 时转译的 js 文件在哪里

在 Angular CLI 1.5.0 的帮助下创建的 Angular 5 项目中,当我运行以下命令时

我可以看到 webpack 开始打包并且项目开始提供服务。生成的转译js文件去哪了?最初我认为这个位置应该是在

tsconfig.json , 输出目录

但有趣的是,我似乎在项目文件夹中找不到那个 outdir 文件夹。我还检查了 angular-cli.json 文件

但我仍然找不到转译的 js 文件。我错过了什么或做错了什么?我的 .ts 文件的 java 脚本文件在哪里?

0 投票
3 回答
880 浏览

angularjs - downgradeModule 不会在混合应用程序中启动 Angular5 部分

Angular5 引入了一种将应用程序从 AngularJS 升级到 Angular 的新方法 - downgradeModule. 它应该解决在这种混合应用程序中急切更改检测的问题。到目前为止,我在 Angular4 中UpgradeModule成功使用了,但由于更改检测,它导致了一些性能问题。现在我正在尝试使用downgradeModule. 在这种方法中,首先启动 AngularJS,下一个 downgradeModule 启动 Angular。这样 AngularJS 在 AngularZone 之外运行,应该冷静下来检测什么。

main.ts这被指出.angular-cli.json为“主要”

现在,AngularJS 启动良好,但 Angular不行。控制台没有错误,没有提示。只是主选择器,例如。<my-app>不评估。app.module.ts在以前的工作版本的上下文中没有任何变化。

我使用了一些 Angular 文档草案,因为主要的文档没有说明downgradeModule. https://pr18487-aedf0aa.ngbuilds.io/guide/upgrade-performance

有谁知道为什么 Angular5 部分没有启动?

仅供参考,以前的main.tswith UpgradeModulewhich 的外观效果很好,但是变化检测。