问题标签 [angular2-bootstrapping]

刚刚开始使用 Angular 2。

1. 角度 2 中的各种引导选项是什么？

2. 为什么当我进行更改并刷新 index.html 时检索 HTML 标记需要很少的时间？

3. 它们之间的差异

我的应用程序从App组件开始：

这是我的 index.hmtl

但我想制作启动画面，而不仅仅是“Loading ...”消息：

我还在主模块声明中添加了启动画面：

但是......引导过程从App组件开始并且Splash没有加载。如何在 App 组件之前加载 Splash 组件并使用它？

如何将输入值传递给需要在 angular2 中引导的组件

在引导时，如何将一些值传递给 sampleInput？

我的 SampleComponent 代码是，

我正在尝试让我的 Angular CLI (1.0.0-rc.1) 应用程序为生产而构建，但我遇到了 AOT 错误。我实际上有 2 个应用程序：主要应用程序和一些 UI 小部件的 npm 安装应用程序。UI 小部件应用程序需要一些配置数据（路径、键等）。

这是我的主要应用程序中的代码，它组装配置数据并将其传递给 UI Widget 模块：

这是 UIWidgetModule：

我的 UIWidgetModule 使用服务 (ClientConfigService) 来保存来自客户端的配置数据。后续组件使用 ClientConfigService 中的各种函数来消费配置数据。关键是 ClientConfigService 是静态的。

这是 ClientConfigService ：

生产（AOT）的构建过程在尝试为 ClientConfigService 的静态变量设置配置值时惨遭失败。如何使用小部件模块中的配置数据？我喜欢有一个静态服务来提供数据，所以我不必在每个需要它的组件的构造函数中删除 ClientConfigService。

谢谢。

我的 angular2 页面是网站的子页面，现在我想在用户单击按钮或链接时在特定元素（使用 jquery 动态包含的元素）上引导我的 angular2 组件。按钮单击事件是用 jquery 编写的。

如何仅在获取外部数据后加载 Angular 2 应用程序？

例如，在同一个 html 页面上有外部应用程序，我需要将一些数据传递给我的应用程序服务。想象一下，这是API URL，就像'some_host/api/'我的应用程序在获取此信息之前不应该被初始化。

是否可以从外部应用程序脚本调用我的应用程序的某些方法，例如：

我正在尝试根据条件引导我的 angular 5 应用程序。基本上我有两个模块MobileModule，WebModule分别包含 Web 和移动的 UI 组件。

MobileModule如果用户在移动浏览器中打开了应用程序，我正在尝试引导WebModule。

这是我的main.ts来源。

web.module.ts

mobile.module.ts

上述方法可以正常工作，ng serve但是当我尝试使用ng serve --aot选项运行它时，它会在 chrome 控制台中抛出错误。

我的项目结构是

我尝试了几件事来有条件地引导应用程序，但没有成功。任何建议将不胜感激。

我正在为一些现有的（并且不受我控制的）身份验证库（例如keycloak-angular）构建一个包装库“auth-lib”。我包装的身份验证库需要在应用程序初始化或引导过程中使用配置参数进行初始化图书馆。

如何通过我的包装库将配置参数从我的示例应用程序传递到身份验证库？