在前端开发中，我们经常需要从后端获取数据并在前端进行展示。当我们采用Angular2作为前端框架时，如何将后端渲染的参数传递给Angular2的bootstrap方法是一个重要的问题。
从后端获取参数
对于从后端获取参数的方式，这里不再赘述。假设我们已经成功地从后端获取了参数，并存储在一个变量中。
let params = {
name: 'John',
age: 30
};Angular2的bootstrap方法
在Angular2中，我们通常会使用bootstrap方法来启动我们的应用程序。这个方法的定义如下：
platformBrowserDynamic().bootstrapModule(AppModule) .catch(err => console.error(err));
其中，AppModule是我们的主模块。在这个方法中，我们可以通过传递一个对象来配置我们的应用程序。这个对象中包含了各种配置信息，比如模块、组件、指令等等。
将参数传递给bootstrap方法
为了将参数传递给bootstrap方法，我们可以使用provide函数。provide函数是Angular2中一个非常强大的依赖注入工具，可以用来提供各种服务、实例等。
我们需要在启动应用程序之前，先将参数转化为一个InjectionToken，然后将其作为一个provide提供给bootstrap方法。代码如下：
-- -------------------- ---- ------- ------ - -------------- - ---- ---------------- ------ ----- ------ - --- ------------------------------ --- ------ - - ----- ------- ---- -- -- ------------------------ - -------- ------- --------- ------ - ----------------------------- ---------- -- --------------------
在这个例子中，我们首先定义了一个InjectionToken，用于将参数传递给bootstrap方法。接着，我们将参数使用provide函数提供给bootstrap方法。
在组件中获取参数
在组件中，我们可以通过@Inject装饰器和InjectionToken来获取参数。代码如下：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ------ - ---- -----------
------------
--------- ---------------
--------- --- ---- -- -- -- --- -- ----- -----
--
------ ----- ----------- -
--------------------------- ------- ------- ---- --
--- ------ -
------ -----------------
-
--- ----- -
------ ----------------
-
-在这个例子中，我们首先使用@Inject装饰器和InjectionToken来注入参数到组件中。然后，在组件中，我们可以通过this.params属性来获取参数的值，并在模板中进行展示。
总结
本文介绍了如何将后端渲染的参数传递给Angular2的bootstrap方法，并在组件中获取这些参数的值。通过使用provide函数和InjectionToken，我们可以很方便地将参数注入到应用程序中，并在组件中使用它们。
希望本文对大家理解Angular2的依赖注入机制有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25473