问题标签 [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 回答
1553 浏览

routing - Angular 5子路由空路径覆盖根空路径?

我尝试了以下设置。

根路由:

一个孩子的路由:

因此,如果我导航到 localhost:4200 我希望被重定向到 localhost:4200/home 但没有发生 url 重定向但注释路由已加载。如果我执行类似 localhost:4200/note 之类的操作,空笔记路由不应该只匹配吗?子路由中的所有路由仅在子路由的父节点已加载时才适用。

子路线上不可能有空路径吗?

0 投票
2 回答
2052 浏览

angular - 升级到 Angular 5 后,我的项目将无法构建

升级到 Angular 5 后,我的项目将无法构建。我正在使用 Visual Studio 2017 15.4.3 并且正在使用 SystemJs。我的打字稿版本是 2.4.2。

我收到以下 8 个错误:

下面是我的 package.json 文件:

下面是我的 tsconfig.json

请帮忙。这非常令人沮丧。

谢谢。

0 投票
1 回答
121 浏览

angular - 角度可编辑控件多语言组件或指令

什么是创建控件以定义多种语言的字段值的最佳方法。我应该使用指令还是组件。我希望当我以管理员身份登录时,当点击一个字段时,所有语言都会显示,并且可以修改值。

先感谢您

0 投票
8 回答
445553 浏览

angular - 如何在 Angular 5 的标头中添加 CORS 请求

我已在标头中添加了 CORS,但我的请求中仍然存在 CORS 问题。在标头中添加和处理 CORS 和其他请求的正确方法是什么?

这是服务文件代码:

错误:

对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“ http://localhost:4200 ”

失败:(未知 url)的 Http 失败响应:0 未知错误

在我的服务器端代码中,我在索引文件中添加了 CORS。

0 投票
1 回答
628 浏览

node.js - 错误中的错误:通道在 ChildProcess.target.send 关闭(内部/child_process.js:562:16)

运行我的 Angular 5 应用程序后,我收到此错误消息。

错误中的错误:在 AngularCompilerPlugin._updateForkedTypeChecker (D:\SVenu\FullStackDevelopment\Angular\Angular5\ng5\node_modules\@ngtools\webpack\src\ 的 ChildProcess.target.send (internal/child_process.js:562:16) 处关闭通道angular_compiler_plugin.js:370:34) 在 Promise.resolve.then (D:\SVenu\FullStackDevelopment\Angular\Angular5\ng5\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:208:22) 在 process._tickCallback (内部/进程/next_tick.js:109:7)

我运行后几分钟它工作正常ng serve。有人遇到过同样的问题吗?下面是我的package.json文件。

我已经解决了一些相关的问题,但是提供的解决方案都没有帮助我解决这个问题。

0 投票
4 回答
23066 浏览

javascript - 如何在 Angular 5 中调用外部 javascript 函数?

我已经从这个链接下载了一个主题。我必须在 index.html 文件中定义脚本和 CSS。

index.html(正文部分)

我在 common.js 中定义了我的函数,并从 main.85741bff.js 文件中调用它。

common.js(函数)

问题是我可以在页面重新加载时调用该函数,但在内容加载时无法调用该函数。

谁能帮我解决这个问题?任何帮助,将不胜感激。

0 投票
1 回答
835 浏览

angular - Angular 5 - 即使发生错误(webpack 无法编译),如何在文件更改上保持自动重新编译

我最近才开始使用 Angular5。我创建了一个项目,并使用

启动它 - 最初启动它似乎需要很长时间,很容易 5-10 分钟或更长时间。不确定这是否正常,但可能在某种程度上与慢速网络驱动器或 IT 环境中的其他任何东西有关。

无论如何,一旦它最终启动,事情就会很顺利,因为它会在任何更改时即时重新编译。但有时,对于源代码中的某些错误(例如,尝试从无效路径导入模块),编译似乎失败并且 ng 以“webpack:编译失败”结尾

如果发生这种情况,Angular 似乎停止监听文件更改/停止自动重新编译,并且永远消失了 - 除非我使用 Ctrl+C 关闭并再次运行 ng serve 。这让我又等了5-10分钟......

所以,问题是:这是预期的行为吗?有没有办法让 Angular 继续监视文件更改并自动重新编译,即使发生了这些更严重的错误之一?

谢谢

0 投票
1 回答
568 浏览

arrays - 错误 TS2339:“对象”类型上不存在属性“json”。Observable 是否包含 json 属性?

我收到编译错误:TS2339: Property 'json' does not exist on type 'Object'尝试在复杂对象上映射 json 时Model.SearchResult.RootObject 发生在res.json()以下服务中:

是否Observable包含json属性?也许我错过了一些import

0 投票
3 回答
232 浏览

javascript - 我可以在 Angular 和 Node 之间共享服务吗?

我的 Angular5 Typescript 应用程序中有一个标准实用程序服务。我想与为该应用程序提供服务的节点应用程序共享它。

我找不到任何有关它的信息,但我认为问题如下:

  • 使用require()导入一个TS文件,如果生成的js文件在同一个地方
  • 忽略 @Injectable ,它是 Angular 服务上使用的装饰器。

我认为这是可能的,因为这是使用全栈 Javascript 的主要好处,但如何做到呢?

我在 NodeJs 中尝试过以下操作,但会引发错误:

0 投票
2 回答
59 浏览

json - 为什么映射结果未定义?

我正在尝试从服务器获取 jSon 并将其映射到 Angular 5 应用程序中的类。以下是没有错误的服务方法:

以下组件类:

Model.SearchResult.RootObject是一个复杂的对象,我在以下服务中由 json 生成它。

在所有示例中都描述了此方法......但在我的情况下this.searchResultundefined. 我做错了什么?

更新

我还尝试以某种方式删除map和更改服务方法:

和组件方法,如:

服务获取下一个异常:

  • ReferenceError:数据未定义
  • 在评估(在 SearchResultService.getSearchResultTable 评估(webpack-internal:///../../../../../src/app/search-module/services/search-result.service.ts), :1:1)
  • 在 SearchResultService.getSearchResultTable (webpack-internal:///../../../../../src/app/search-module/services/search-result.service.ts:27:21)
  • 在 SearchResultPageComponent.ngOnInit (webpack-internal:///../../../../../src/app/search-module/pages/search-result/search-result.component.ts:23 :54)
  • 在 checkAndUpdateDirectiveInline (webpack-internal:///../../../core/esm5/core.js:12291:19)
  • 在 checkAndUpdateNodeInline (webpack-internal:///../../../core/esm5/core.js:13794:20)
  • 在 checkAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:13737:16)
  • 在 debugCheckAndUpdateNode (webpack-internal:///../../../core/esm5/core.js:14609:76)
  • 在 debugCheckDirectivesFn (webpack-internal:///../../../core/esm5/core.js:14550:13)
  • 在 Object.eval [as updateDirectives] (ng:///SearchModule/SearchResultPageComponent_Host.ngfactory.js:9:5)
  • 在 Object.debugUpdateDirectives [as updateDirectives] (webpack-internal:///../../../core/esm5/core.js:14535:21)

更新

在我的情况下,以下片段是正确的: