docs: clean up formats, add detail (#25582)

PR Close #25582

packages/core/src/linker/template_ref.ts

@@ -11,31 +11,41 @@ import {EmbeddedViewRef} from './view_ref';
 
 
 /**
- * Represents an Embedded Template that can be used to instantiate Embedded Views.
+ * Represents an embedded template that can be used to instantiate embedded views.
+ * To instantiate embedded views based on a template, use {@link ViewContainerRef#
+ * createEmbeddedView}.
+ * 
+ * Access a `TemplateRef` instance by placing a directive (or directive prefixed with `*`)
+ * on an `<ng-template>` element. The `TemplateRef` for the embedded view
+ * is injected into the constructor of the directive,
+ * using the `TemplateRef` token.
+ * 
+ * You can also use a `Query` to find a `TemplateRef` associated with
+ * a component or a directive.
  *
- * You can access a `TemplateRef`, in two ways. Via a directive placed on a `<ng-template>` element
+ * @see `ViewContainerRef`
- * (or directive prefixed with `*`) and have the `TemplateRef` for this Embedded View injected into
+ * @see [Navigate the Component Tree with DI](guide/dependency-injection-navtree)
- * the constructor of the directive using the `TemplateRef` Token. Alternatively you can query for
- * the `TemplateRef` from a Component or a Directive via {@link Query}.
- *
- * To instantiate Embedded Views based on a Template, use {@link ViewContainerRef#
- * createEmbeddedView}, which will create the View and attach it to the View Container.
  *
  */
 export abstract class TemplateRef<C> {
   /**
-   * The location in the View where the Embedded View logically belongs to.
+   * The anchor element in the parent view for this embedded view.
    *
-   * The data-binding and injection contexts of Embedded Views created from this `TemplateRef`
+   * The data-binding and injection contexts of embedded views created from this `TemplateRef`
    * inherit from the contexts of this location.
    *
-   * Typically new Embedded Views are attached to the View Container of this location, but in
+   * Typically new embedded views are attached to the view container of this location, but in
-   * advanced use-cases, the View can be attached to a different container while keeping the
+   * advanced use-cases, the view can be attached to a different container while keeping the
    * data-binding and injection context from the original location.
    *
    */
   // TODO(i): rename to anchor or location
   abstract get elementRef(): ElementRef;
 
+  /**
+   * Creates a view object and attaches it to the view container of the parent view.
+   * @param context The context for the new view, inherited from the anchor element.
+   * @returns The new view object.
+   */
   abstract createEmbeddedView(context: C): EmbeddedViewRef<C>;
 }

packages/core/src/linker/view_container_ref.ts

@@ -16,10 +16,17 @@ import {EmbeddedViewRef, ViewRef} from './view_ref';
 
 /**
  * Represents a container where one or more views can be attached to a component.
+ *
  * Can contain _host_ views (created by instantiating a
- * Component` with the `createComponent()` method), and _embedded views_
+ * component with the `createComponent()` method), and _embedded views_
  * (created by instantiating a `TemplateRef` with the `createEmbeddedView()` method.
  *
+ * A view container instance can contain other view containers,
+ * creating a [view hierarchy](guide/glossary#view-tree).
+ *
+ * @see `ComponentRef`
+ * @see `EmbeddedViewRef`
+ *
  */
 export abstract class ViewContainerRef {
   /**

packages/core/src/linker/view_ref.ts

@@ -50,6 +50,8 @@ export abstract class ViewRef extends ChangeDetectorRef {
  *
  * @see `ViewContainerRef`
  *
+ * @usageNotes
+ *
  * The following template breaks down into two separate `TemplateRef` instances,
  * an outer one and and an inner one.
  *
@@ -90,8 +92,14 @@ export abstract class ViewRef extends ChangeDetectorRef {
  * @experimental
  */
 export abstract class EmbeddedViewRef<C> extends ViewRef {
+  /**
+   * The context for this view, inherited from the anchor element.
+   */
   abstract get context(): C;
 
+  /**
+   * The root nodes for this embedded view.
+   */
   abstract get rootNodes(): any[];
 }