feat(ivy): support property bindings and interpolations in DebugElement (#28355)

DebugElement.properties should contain a map of element
property names to element property values, with entries
for both normal property bindings and host bindings.

This commit adds support for property bindings in
DebugElement.properties (including interpolations).

PR Close #28355

packages/core/src/render3/interfaces/node.ts

@@ -169,6 +169,18 @@ export interface TNode {
    */
   directiveEnd: number;
 
+  /**
+   * Stores the first index where property binding metadata is stored for
+   * this node.
+   */
+  propertyMetadataStartIndex: number;
+
+  /**
+   * Stores the exclusive final index where property binding metadata is
+   * stored for this node.
+   */
+  propertyMetadataEndIndex: number;
+
   /**
    * Stores if Node isComponent, isProjected, hasContentQuery and hasClassInput
    */
@@ -476,7 +488,6 @@ export type PropertyAliases = {
  */
 export type PropertyAliasValue = (number | string)[];
 
-
 /**
  * This array contains information about input properties that
  * need to be set once from attribute data. It's ordered by

packages/core/src/render3/interfaces/view.ts

@@ -559,6 +559,18 @@ export type HookData = (number | (() => void))[];
  * Each host property's name is stored here at the same index as its value in the
  * data array.
  *
+ * Each property binding name is stored here at the same index as its value in
+ * the data array. If the binding is an interpolation, the static string values
+ * are stored parallel to the dynamic values. Example:
+ *
+ * id="prefix {{ v0 }} a {{ v1 }} b {{ v2 }} suffix"
+ *
+ * LView       |   TView.data
+ *------------------------
+ *  v0 value   |   'a'
+ *  v1 value   |   'b'
+ *  v2 value   |   id <20> prefix <20> suffix
+ *
  * Injector bloom filters are also stored here.
  */
 export type TData =