问题标签 [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.
routing - Angular 5子路由空路径覆盖根空路径?
我尝试了以下设置。
根路由:
一个孩子的路由:
因此,如果我导航到 localhost:4200 我希望被重定向到 localhost:4200/home 但没有发生 url 重定向但注释路由已加载。如果我执行类似 localhost:4200/note 之类的操作,空笔记路由不应该只匹配吗?子路由中的所有路由仅在子路由的父节点已加载时才适用。
子路线上不可能有空路径吗?
angular - 升级到 Angular 5 后,我的项目将无法构建
升级到 Angular 5 后,我的项目将无法构建。我正在使用 Visual Studio 2017 15.4.3 并且正在使用 SystemJs。我的打字稿版本是 2.4.2。
我收到以下 8 个错误:
下面是我的 package.json 文件:
下面是我的 tsconfig.json
请帮忙。这非常令人沮丧。
谢谢。
angular - 角度可编辑控件多语言组件或指令
什么是创建控件以定义多种语言的字段值的最佳方法。我应该使用指令还是组件。我希望当我以管理员身份登录时,当点击一个字段时,所有语言都会显示,并且可以修改值。
先感谢您
angular - 如何在 Angular 5 的标头中添加 CORS 请求
我已在标头中添加了 CORS,但我的请求中仍然存在 CORS 问题。在标头中添加和处理 CORS 和其他请求的正确方法是什么?
这是服务文件代码:
错误:
对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“ http://localhost:4200 ”
失败:(未知 url)的 Http 失败响应:0 未知错误
在我的服务器端代码中,我在索引文件中添加了 CORS。
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
文件。
我已经解决了一些相关的问题,但是提供的解决方案都没有帮助我解决这个问题。
javascript - 如何在 Angular 5 中调用外部 javascript 函数?
我已经从这个链接下载了一个主题。我必须在 index.html 文件中定义脚本和 CSS。
index.html(正文部分)
我在 common.js 中定义了我的函数,并从 main.85741bff.js 文件中调用它。
common.js(函数)
问题是我可以在页面重新加载时调用该函数,但在内容加载时无法调用该函数。
谁能帮我解决这个问题?任何帮助,将不胜感激。
angular - Angular 5 - 即使发生错误(webpack 无法编译),如何在文件更改上保持自动重新编译
我最近才开始使用 Angular5。我创建了一个项目,并使用
启动它 - 最初启动它似乎需要很长时间,很容易 5-10 分钟或更长时间。不确定这是否正常,但可能在某种程度上与慢速网络驱动器或 IT 环境中的其他任何东西有关。
无论如何,一旦它最终启动,事情就会很顺利,因为它会在任何更改时即时重新编译。但有时,对于源代码中的某些错误(例如,尝试从无效路径导入模块),编译似乎失败并且 ng 以“webpack:编译失败”结尾
如果发生这种情况,Angular 似乎停止监听文件更改/停止自动重新编译,并且永远消失了 - 除非我使用 Ctrl+C 关闭并再次运行 ng serve 。这让我又等了5-10分钟......
所以,问题是:这是预期的行为吗?有没有办法让 Angular 继续监视文件更改并自动重新编译,即使发生了这些更严重的错误之一?
谢谢
arrays - 错误 TS2339:“对象”类型上不存在属性“json”。Observable 是否包含 json 属性?
我收到编译错误:TS2339: Property 'json' does not exist on type 'Object'
尝试在复杂对象上映射 json 时Model.SearchResult.RootObject
发生在res.json()
以下服务中:
是否Observable
包含json
属性?也许我错过了一些import
?
javascript - 我可以在 Angular 和 Node 之间共享服务吗?
我的 Angular5 Typescript 应用程序中有一个标准实用程序服务。我想与为该应用程序提供服务的节点应用程序共享它。
我找不到任何有关它的信息,但我认为问题如下:
- 使用require()导入一个TS文件,如果生成的js文件在同一个地方
- 忽略 @Injectable ,它是 Angular 服务上使用的装饰器。
我认为这是可能的,因为这是使用全栈 Javascript 的主要好处,但如何做到呢?
我在 NodeJs 中尝试过以下操作,但会引发错误:
json - 为什么映射结果未定义?
我正在尝试从服务器获取 jSon 并将其映射到 Angular 5 应用程序中的类。以下是没有错误的服务方法:
以下组件类:
这Model.SearchResult.RootObject
是一个复杂的对象,我在以下服务中由 json 生成它。
在所有示例中都描述了此方法......但在我的情况下this.searchResult
是undefined
. 我做错了什么?
更新
我还尝试以某种方式删除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)
更新
在我的情况下,以下片段是正确的: