Question

我对前端框架很新，我正在学习Angular 2.在本教程中，它告诉你要包含行bootstrap(AppComponent)。这个引导功能有什么作用？它只是启动应用程序的原因吗？我猜测它与twitter-bootstrap UI框架无关。

Answer 1

来自the docs：

通过bootstrap（）方法显式指定要用作应用程序根组件的组件来实例化Angular应用程序。

是的，它只是启动应用程序。

Answer 2

bootstrap()通过执行（除了其他人）

来初始化Angular应用程序

创建Angular区域，
创建根注入器和
执行APP_INITIALIZER
实例化并添加根组件。

Answer 3

bootstrap是告诉Angular2系统将页面上的组件呈现为主要组件的函数。

还通过指定应用程序的根目录来定义应用程序的实体点。

//basically array will have dependencies of shared component which will instantiate only once.
bootstrap(MyComponent, [SharedService, OtherComponent, ROUTING_DIRECTIVES]);

但是，您应该在index.html页面上提及组件选择器，如

<my-component></my-component>

如果将其与Angular 1进行比较，您会发现ng-app指令将angular.module名称作为ng-app="myApp"之类的输入，并为该应用程序提供那些模块组件 OR angular.bootstrap可以启动页面上的应用程序。

Answer 4

在angular2中基本上bootstrap()告诉我们应用程序的入口点非常类似于角度1.x中的ng-app，它为整个应用程序创建角度区域，在Angular 1.x中我们可以使用ng-app指令，并为其赋予ng-app="myApp"之类的值，或使用允许异步引导的angular.bootstrap方法。

我们需要获取bootstrap方法的地方是angular2 / platform / browser

  import {bootstrap} from 'angular2/platform/browser';
  ... Some Code stuff

  bootstrap(AppComponent, [Common providers, or Global services, varibale etc]);

我们也可以在引导我们的应用程序时注入GlobalServices，我们将在整个应用程序中使用的变量，通过这样做，我们不必在我们的组件中一次又一次地导入它们。

Bootstrap函数在Angular中做了什么

4 个答案: