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

angular - 无法绑定到“ngOutletContext”,因为它不是“ng-template”的已知属性

下面在 Angular 4 中运行良好

Angular 5 抱怨这个错误:

查看升级步骤:https://angular-update-guide.firebaseapp.com/,我似乎没有任何相关的ng-template东西。

另外,这是我使用的代码中唯一的地方<ng-template></ng-template>

我该怎么办?

0 投票
3 回答
9333 浏览

angular - 警告:无法解析 UsersPermissionsService 的所有参数这将成为 Angular v5.x 中的错误

当我运行 ng build -prod 时,我收到以下警告。

我的代码如下:

在我的延迟加载模块中,我有:

现在 angular 5 出来了,我需要更新,正如消息所说,这个警告将变成一个错误。

不明白这里真正的问题是什么。

0 投票
4 回答
2921 浏览

jquery - 类型“JQueryStatic”上不存在属性“FroalaEditor”-Angular 4

我正在使用使用'JQuery'的Angular 4'FroalaEditor '。

我已经成功实施了。现在我需要在该插件中添加自定义按钮。

我找到了以下解决方案

但我有以下错误。

类型“JQueryStatic”上不存在属性“FroalaEditor”。

我找到了这个解决方案,但我不确定如何实现它。

有人遇到过这个问题吗?

0 投票
1 回答
1739 浏览

angular - PrimeNg DataTable 不适用于 Angular 5

我正在使用带有可编辑选项 true 的 PrimeNg 数据表。我收到以下错误:

错误:

数据表 HTML:

问题出在以下标签的属性let-collet-row="rowData"上:

如果我删除这两个属性,那么构建问题就会消失,但表格会呈现 0 行。

0 投票
1 回答
6631 浏览

node.js - Node/Express Angular 5 路由

我正在使用 angular5 创建一个应用程序并表达 4.16。我在主页上有锚标记,单击应该呈现另一个组件(它应该重定向到该 URL),但只有 URL 更改。

所需的代码如下。

应用程序路由.module.ts

app.component.ts

app.module.ts

通过 ng build /dist/index.html 输出文件夹

节点/Express server.js

根据需要输出主页

Downoad screenshot 运行 localhost:3000 后的输出作为所需的锚标记呈现

单击锚标记 url 后更改但测试组件未在浏览器上呈现

下载截图

测试组件.ts

app.component.html

test.component.html

项目结构

如果需要,下载项目结构

0 投票
0 回答
796 浏览

javascript - 以 angular 5 为基础构建的modernizr

我有一个使用Modernizr的自定义构建,并且我在 Angular 5 上构建时遇到了问题,没有构建一切都可以完美运行。我在脚本部分输入这个js.angular-cli.json

我在构建时遇到的错误是下一个:

我处理变量 html5 的唯一地方是modernzr。还注意到,在构建中,变量与modernizr .js 脚本中的当前代码不同。

在此处输入图像描述

这是错误的图像。和代码看起来不同:

0 投票
3 回答
5368 浏览

angular - 未处理的承诺拒绝:StaticInjectorError[Router]:更新到 Angular 5 后

将 Angular 升级到 5.0.1 版后,我找不到错误原因。也许有人有同样的问题。

在此处输入图像描述

0 投票
2 回答
2726 浏览

angular - Chrome 未在 CrossSide 上发送原始标头

我正在开发一个应用程序,在服务器上使用最新的 Angular 作为前端和 Symfony + Apache。应用程序和服务器位于不同的域中,但我的服务器通过发送所需的 CORS 标头(由 NelmioCors Bundle 创建)来允许它。但是 Chrome 没有发送OriginHeader,这会触发 Bundle 发送 Headers。

STRG不知何故,当我用++调用页面时,它会SHIFT毫无问题R地加载。

设置Vary: Origin没有帮助。

为什么 chrome 在没有 Allow Origin Header/Not sent Origin 的情况下缓存请求?

0 投票
3 回答
1029 浏览

angular - 使用 CLI 创建组件的 Angular 提供了封装:ViewEncapsulation.None

学习角度5。当我使用 Angular 的 CLI 创建新组件时,我得到以下代码:

但是encapsulation: ViewEncapsulation.None,使代码中断并发出以下错误消息:

在此处输入图像描述

我知道如何通过删除来修复错误encapsulation: ViewEncapsulation.None。然而,有没有办法一开始就没有这行代码?

0 投票
2 回答
3367 浏览

angular5 - 使用元数据扩展 Angular 5 组件

当我的项目使用 Angular 2 和 Angular 4 时,我可以使用这个有用的装饰器来让一个组件扩展另一个组件:

有了这个,您可以创建一个扩展另一个组件类的组件类,使用@ComponentExtender 而不是@Component,并从超类继承模板和样式等东西,如果这些东西不需要在子类组件中进行更改。

现在我已将项目移至 Angular 5,这不再有效。注释元数据未定义。

这可能与 AOT 编译有关(即使我没有选择该选项)?谁能想到一种方法来恢复这个装饰器曾经为 Angular 2 和 Angular 4 所做的事情?