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

angular - Angular 4 rc.2 `Renderer.animate()` 方法替换

在 4-rc.2 更改之前Renderer.animate(),我使用这样的淡化动画删除页面加载器(它不是 angular 应用程序的一部分,在加载 angular 之前显示)

现在如何使用新的 Renderer 类或其他工具来实现这一点?

0 投票
1 回答
1180 浏览

angular - @angular/core 2.4.9 是 angular 4.0 吗?

我正在将我的项目从 angular 1.x 移动到以 angular 2 完全重写,但根据最新版本,我正在使用 angular 库 @angular/core 2.4.9。但是随着 angular 4 的发布,是 angular 2.4.9 angular 4 本身,还是发生了其他事情。我想从角度 4 开始。

0 投票
0 回答
256 浏览

flexbox - 使用 @Angular/flex-layout 响应特性导致模板解析错误

使用弹性布局 2.0.0-rc.1

扫描堆栈我找不到任何关于此的内容。(rc.1 很新)

我正在关注@Angular/flex-layout 的此文档,并希望使用响应式功能部分。我想在各种媒体查询断点处为元素提供条件类。

下面是我的代码的简化示例。

当上面的代码只包含[ngClass]=" {'remove-margin-top': false}"一切时,一切都很好。没有模板解析错误。

[ngClass.sm]=" {'remove-margin-top': true}"在模板解析生成时添加它时出现问题......

模板解析错误:无法绑定到“ngClass.sm”,因为它不是“div”的已知属性

我已经能够确认 FlexLayoutModule 已正确导入到模块中,并且其他 flex-layout 特定指令工作正常。

主要模块导入

Package.json 的一部分

0 投票
1 回答
95 浏览

angular - 使用 ` 时访问组件的值`

寻找一种在使用时访问组件值的方法<ng-content>

组件代码:

(上面的例子当然非常简化。)


使用@ViewChild时有效:

0 投票
2 回答
7351 浏览

unit-testing - 如何从 Angular -cli 4 单元测试中的输入模拟按键事件

在 vanilla JS 中,您可以通过执行以下操作模拟输入键:

但是,在 angular-cli 单元测试或控制台中执行此操作不会在我的组件中触发此功能,它通过以下方式响应关键事件:

有任何想法吗?

0 投票
1 回答
5844 浏览

angular - 当属性在角度 4 中没有变化时如何强制更新模板

在我的组件中,它有一个像这样的模板

template: '<input type="text" value="{{formattedValue}}">',

当输入某些错误的输入时,内部 formattedValue 属性不会改变,但我希望 UI 然后更新以显示最后一个正确的值。

例如,如果组件 this.formattedValue 为 1,000,并且用户更新输入以具有文本1,000x,那么我希望输入再次为 1,000。目前这不会发生。当然,我可以在函数中使用 Dom api 更新 DOM,但我更喜欢使用模板。

0 投票
1 回答
1582 浏览

angularjs - 顺便说一句“Angular 4”和angulardart有什么关系?

顺便说一句,我很困惑即将推出的 angular4 和 angulardart。angular4 仅适用于 angular-ts 吗?angulardart 即将推出的版本和未来呢?多谢!

PS:我只是对 angular4 和 angulardart 是否有任何关系感兴趣。并且想知道 angular4 和未来的 angulardart 是否会共享任何代码、功能、设计等......我知道 angular2 和 angulardart 的区别,我的问题主要集中在 btw angular4 和 angulardart 的关系上。谢谢。

0 投票
2 回答
721 浏览

angularjs - 为什么 angular.io 使用旧版本的 Angular?

如果我正确阅读了https://angular.io/的来源,在我看来他们仍在使用 Angular 1,即 1.6 版本。对我来说,这是一个暗示,虽然新版本的 Angular 非常先进,但在公开可用的网站的生产部署方面仍然存在挑战?

0 投票
2 回答
1204 浏览

rxjs - 找不到 ngrx store.select 使用的 rxjs 选择运算符

无法从 rxjs 库中找到选择运算符。

正如我在这里store.select理解和解释的那样,当我们调用方法时,ngrx store 使用 rxjs 库中的 select 运算符。它当前的工作方式是如果我将整个 rxjs 库删除:

但这会导入整个 rxjs 运算符,我只想导入我需要的运算符。

如果我排除rxjs/Rx导入,则会出现此错误:

我还在 npm rxjs 包目录中进行了全局搜索,并且该文件夹中没有任何带有 select 的文件。真的很混乱。

0 投票
1 回答
134 浏览

angularjs - 升级到 Angular 4 时出现莫名其妙的“NoAnnotationError”

Angular 2 中的一切都很好。但是,我升级到 4 的 beta 版本并在启动时收到 NoAnnotationError。我还没有服务,也没有注射剂。

这是我的代码:

应用程序.ts

app.component.ts

app.module.ts

这是非常简单的东西......不确定我可能无法在此处注释的内容。

这是完整的错误: