问题标签 [angular4]

目的：我想在从一个页面点击到另一个页面时添加一个漂亮的过渡效果

我在网上尝试了很多解决方案，包括：

• Angular 2 - 动画路由器过渡
• 带有 Angular 2.0 路由器和组件接口承诺的页面转换动画
• ……

一个共同点是它们都具有类似position: absolute或position: fixed添加的样式，这破坏了我现有的应用程序布局。

我记得当我使用 Angular 1 时，不需要position: absolute添加<div ui-view><div>

Angular 2 或 4 有可能吗？

我已将我的应用程序升级到最新的 Angular 4 (beta-8) 版本。但是我一直有以下错误：

@angular\core\src\change_detection\differs\iterable_differs.d.ts:14: TS2304 Cannot find name 'Iterable'

我确实查看了更改日志并发现：

Iterable<T>现在需要定义才能正确编译 Angular 应用程序。Iterable<T>运行时不需要支持，但类型定义Iterable<T>必须可用。

我应该在这里使用什么作为 Iterable 定义？

编辑：

tsconfig.json

Angular 4.0.0 rc.1 于 2017 年 2 月 24 日发布
表单表单有两个变化
：增加了使用浏览器原生验证的选项和 Angular 表单
表单：引入 AsyncValidator 接口
如何为表单使用 AsyncValidator 接口以及我们如何启用浏览器的原生验证？

我最近一直在使用 Angular 2 并且对它比较陌生。

鉴于即将发布的版本，我决定升级到最新版本，这是第一个 Angular 4 候选版本。我尝试使用建议的命令，即：

该命令失败，我从其他帖子中了解到该语法在我不熟悉的 bash 中可用。

我将路径设置为我的项目文件夹，然后尝试使用以下方法单独安装每个包：

对于每个包。这似乎部分有效，但给出了许多依赖警告。

现在的结果是我不能再使用ng serve并且我认为我的设置至少可以说有些损坏。有人可以建议一种使用节点卸载 angular（全局和本地）的方法，这样我就可以从头开始安装 angular 4 rc1 和最新的 angular cli。

我已经切换到Angular4.0.0-rc.1，看起来 ES5 测试包包含 ES2015 代码。

我收到此错误：

还在Angular repo 上找到了相关问题。

很长一段时间以来，我一直在使用setTimeout()延迟组件进入 DOM。例如：

也就是说，如果数据还没有到达，则在显示加载消息之前等待大约 800 毫秒。根据我在 Alpha 时代的评论，我这样做是为了防止闪烁。

这不再适用于 Angular 4 RC1。我可以添加 ChangeDetectorRef 并以这种方式启动它：

这工作正常，除了现在我必须处理视图在调用之前被破坏的情况detectChanges();

看了一眼源代码后，我仍然不确定发生了什么变化。这不是破坏交易，但我发现在这里询问是否有其他人正在经历同样的行为很有趣。我还将遵循 Contributing docs 的建议，并使用angular对其进行标记，即使我可以看到angular4标记已经有 8 个问题。耻辱。;-)

我正在尝试使用以下命令升级到 Angular 4 Rc1

这是假设可以转换为角度 4 的命令

但是这个命令给了我一个错误

我有一个子组件类型（childComponent），它允许我通过输入参数注入不同的数据。我在这个组件中创建了一个按钮，它打开了一个托管在父组件（应用程序）中的 sidenav 元素。我使用服务架构来实现这一点（settingsService），这部分工作正常。现在我想将另一个组件注入到显示 childComponent 数据的 sidenav (settingComponent) 中。

我为此使用了 ngComponentOutlet 指令，并且 SettingsComponent HTML 正确显示在 sidenav 中，但我不知道如何修改实例的输入变量。我读了一些文章，似乎我需要以某种方式获取 ngComponentOutlet 创建的 ComponentRef 来修改变量，但我不知道如何。我认为这个魔法应该在订阅中的某个地方完成。

应用程序.html

应用程序.ts

设置服务.ts

childComponent.html

子组件.ts

设置组件.html

设置组件.ts

升级到 angular4 后，浏览器向我吐了很多关于弃用“模板”（被“ng-template”取代）的警告。这个问题将一直存在，直到我使用的库将转移到新的角度版本。在此期间，我可以以某种方式使这些警告静音吗？在变更日志中，他们写道：

在测试中的提交中，我看到了以下代码：

我应该把这段代码放在哪里？我试过把它放在主应用程序模块中，但没有帮助。我必须为我的每个模块都这样做吗？还有其他方法吗？

我最近安装了 Angular 4 (RC2) 并从简单的快速入门示例中复制了文件。但是当我尝试使用 Webpack 构建项目时，我收到错误消息，指出无法解析 Rxjs：

我已经安装了 Rxjs 5.0.1，我认为这是 Angular 所期望的版本。我想不出还有什么可做的。