问题标签 [angular4]

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

angular - Angular 2 ver 4.0 component is not renderring

I can't render the very basic module of this stupid Angular 2

Here is main.ts:

Here is index.html:

Also systemjs.confiig.js:

Everything looks to be compiled and Intellij can even link to actual ts code. But browser shows nothing, debug tool shows nothing. I really can't understand why this crap doesn't render

0 投票
1 回答
708 浏览

javascript - 这个 Angular 错误是什么意思?

我正在尝试将我的应用程序从 Angular v2 升级到 v4,并且我正在使用 AOT 编译。谁能解释如何解决此错误,该错误无法识别我自己的任何代码(仅 Angular 的)。

Error encountered resolving symbol values statically. Calling function 'ɵmakeDecorator', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol Injectable in /project/node_modules/@angular/core/core.d.ts, resolving symbol ɵf in /project/node_modules/@angular/core/core.d.ts, resolving symbol ɵf in /project/node_modules/@angular/core/core.d.ts

我知道不使用 lambdas 等,并且我的代码在 v2 中编译得很好,所以我认为这不是问题。

0 投票
1 回答
2898 浏览

angular - 带有连字符的属性的 Angular 2 关键帧动画

我正在尝试在我的组件上重新创建此动画:https ://github.com/daneden/animate.css/blob/master/source/zooming_exits/zoomOutUp.css

我找不到任何在关键帧上使用缓动的例子。我能看到的唯一缓动示例是单个步骤,它通过在动画持续时间中传入字符串而不是数字来工作,即animate(1s 1s ease).

添加带有连字符的属性并使用关键帧进行缓动的正确方法是什么?

该文档只有几个属性,所以我什至不确定这是否以正确的方式进行,但它似乎有效,但我认为它实际上可能没有使用指定的缓动和变换原点。

这是我尝试过的:

它可以工作,但看起来不像 animate.css 动画。我不认为它需要所有设置。

这样做的正确方法是什么?

0 投票
1 回答
170 浏览

authentication - 使用 Auth0 时,我无法在将 Angular2 示例迁移到 Angular4 后使用它

我正在尝试在此链接https://auth0.com/blog/angular-2-authentication/下为 angular 应用 auth0 示例,但没有成功。我升级到 Angular 4。每当我尝试单击“登录”链接时,Lock Widget 都会显示错误:我正在使用具有以下版本的 angular-cli:Something went wrong. Please contact technical support.

这是 Angular 项目从 v2 升级到 v4 后的“依赖项”:

..\ng2auth>npm ls --depth 0

请帮忙?

0 投票
1 回答
2590 浏览

angular - 从 Angular2 升级到 Angular4 后 ng build --prod 失败

使用以下命令将我的Angular2项目升级到Angular4后:

我在使用时收到以下错误ng build --prod

没有--prod标志,我不会收到任何错误。stackoverflow 上有一些类似的问题,但没有任何可接受的答案,并且与升级到 Angular4 无关。这是我的 package.json:

编辑. 这是使用新 CLI创建的project.json :ng new

有什么建议么?

0 投票
1 回答
372 浏览

angular - 使用 Angular OpaqueToken 去 DI 配置对象不显示类型错误

我正在使用 OpaqueToken 将配置对象注入到包含 API 端点等内容的应用程序中。我使用 Angular 文档进行了设置,并且能够将配置 DI 到组件中并检索值。我希望能够对配置进行类型检查,以便它导出组件构造函数在 DI 期间使用的接口,但是如果我将组件构造函数中的类型从更改AppConfigstring不显示错误,即使类型错误...

任何人都知道为什么这不显示类型错误?

APP-CONFIG.TS

AUTH.MODULE.TS

登录组件.TS

更新

@JB-nizet 表示 InjectionTokens 在 v4 中使用,尽管在 VSCode 中仍然没有显示类型错误,但它允许在令牌上使用泛型。

0 投票
2 回答
1459 浏览

angular - sass 角度的多个主题

假设我在 Angular 应用程序 > 2 中有两个主题(浅色和深色),以及一个已配置为将主题类添加到body标签的切换按钮

变量.scss

我尝试了我发现的不同方法(这里这里),但没有一个奏效。

我也尝试了最简单的方法

about.component.scss

我知道.theme-darkbody 标记上的类无法从组件样式中识别,但我找不到任何解决方案。

我可以使用什么方法在此类模块系统中获取多个主题?

0 投票
3 回答
1178 浏览

unit-testing - Angular 4单元测试找不到名称警报,确认,事件

使用 Angular 4.0.0 在 angular-cli 中运行 ng test 会出现如下错误:

Angular 2 没有发生这种情况。看起来这里缺少一些东西,但它是什么?

ng 服务和构建工作正常。

0 投票
3 回答
135 浏览

javascript - routerlink accept string params

First param of routerLink in browser is NaN. How can I fix it?

0 投票
2 回答
690 浏览

maven - 将使用 angular-cli 创建的 Angular4 (Angular) 部署到 Google App Engine

我使用 Angular-CLI 创建了一个 Angular4 或简单的“Angular”应用程序。现在我可以使用“ng serve”在本地运行它,它工作正常。现在我想将它部署到 Google App Engine,ng build --prod 将所有文件构建到 dist 文件夹。

现在我应该如何将它们部署到谷歌应用引擎?

编辑:

我忘了提到这一点,我想使用 maven 进行部署。有没有我可以添加到 pom.xml 的依赖项。这样我就可以从 mvn 做所有事情了吗?