@angular/core 12.1.0-next.6 → 12.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2015/core.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Angular v12.1.0-next.6
2
+ * @license Angular v12.1.0
3
3
  * (c) 2010-2021 Google LLC. https://angular.io/
4
4
  * License: MIT
5
5
  */
@@ -21469,7 +21469,7 @@ class Version {
21469
21469
  /**
21470
21470
  * @publicApi
21471
21471
  */
21472
- const VERSION = new Version('12.1.0-next.6');
21472
+ const VERSION = new Version('12.1.0');
21473
21473
 
21474
21474
  /**
21475
21475
  * @license
@@ -29567,20 +29567,41 @@ class ApplicationRef {
29567
29567
  merge$1(isCurrentlyStable, isStable.pipe(share()));
29568
29568
  }
29569
29569
  /**
29570
- * Bootstrap a new component at the root level of the application.
29570
+ * Bootstrap a component onto the element identified by its selector or, optionally, to a
29571
+ * specified element.
29571
29572
  *
29572
29573
  * @usageNotes
29573
29574
  * ### Bootstrap process
29574
29575
  *
29575
- * When bootstrapping a new root component into an application, Angular mounts the
29576
- * specified application component onto DOM elements identified by the componentType's
29577
- * selector and kicks off automatic change detection to finish initializing the component.
29576
+ * When bootstrapping a component, Angular mounts it onto a target DOM element
29577
+ * and kicks off automatic change detection. The target DOM element can be
29578
+ * provided using the `rootSelectorOrNode` argument.
29578
29579
  *
29579
- * Optionally, a component can be mounted onto a DOM element that does not match the
29580
- * componentType's selector.
29580
+ * If the target DOM element is not provided, Angular tries to find one on a page
29581
+ * using the `selector` of the component that is being bootstrapped
29582
+ * (first matched element is used).
29581
29583
  *
29582
29584
  * ### Example
29583
- * {@example core/ts/platform/platform.ts region='longform'}
29585
+ *
29586
+ * Generally, we define the component to bootstrap in the `bootstrap` array of `NgModule`,
29587
+ * but it requires us to know the component while writing the application code.
29588
+ *
29589
+ * Imagine a situation where we have to wait for an API call to decide about the component to
29590
+ * bootstrap. We can use the `ngDoBootstrap` hook of the `NgModule` and call this method to
29591
+ * dynamically bootstrap a component.
29592
+ *
29593
+ * {@example core/ts/platform/platform.ts region='componentSelector'}
29594
+ *
29595
+ * Optionally, a component can be mounted onto a DOM element that does not match the
29596
+ * selector of the bootstrapped component.
29597
+ *
29598
+ * In the following example, we are providing a CSS selector to match the target element.
29599
+ *
29600
+ * {@example core/ts/platform/platform.ts region='cssSelector'}
29601
+ *
29602
+ * While in this example, we are providing reference to a DOM node.
29603
+ *
29604
+ * {@example core/ts/platform/platform.ts region='domNode'}
29584
29605
  */
29585
29606
  bootstrap(componentOrFactory, rootSelectorOrNode) {
29586
29607
  if (!this._initStatus.done) {