Class DirectiveSuperclass`Abstract`

Deprecated

This class may be removed in a future version. Its purpose beyond InjectableSuperclass is now handled by Angular elegantly with signals. Consider migrating to signal inputs.

Extend this when creating a directive (including a component, which is a kind of directive) to gain access to the helpers demonstrated below.

@Component({
  selector: "s-color-text",
  template: `
    <span [style.background]="color">{{ color }}</span>
  `,
  // note that `bindToInstance()` works even with OnPush change detection
  changeDetection: ChangeDetectionStrategy.OnPush,
})
 class ColorTextComponent extends DirectiveSuperclass {
  @Input() prefix?: string;
  @Input() prefix2?: string;
  color!: string;

  constructor(@Inject("color$") color$: Observable<string>) {
    super();

    // combine everything to calculate `color` and keep it up to date
    this.bindToInstance(
      "color",
      combineLatest(
        this.getInput$("prefix"),
        this.getInput$("prefix2"),
        color$,
      ).pipe(map((parts) => parts.filter((p) => p).join(""))),
    );
  }
}

Hierarchy (View Summary)

InjectableSuperclass
- DirectiveSuperclass
  - FormComponentSuperclass

Implements

OnChanges

Constructors

constructor

new DirectiveSuperclass(value?: any): DirectiveSuperclass
Parameters
- Optionalvalue: any
Returns DirectiveSuperclass
Inherited from InjectableSuperclass.constructor
- Defined in node_modules/typescript/lib/lib.es5.d.ts:156

Properties

__#7@#subscriptions

"__#7@#subscriptions": Subscription

constructor

constructor: Function

The initial value of Object.prototype.constructor is the standard built-in Object constructor.

destruction$

destruction$: Observable<void> = ...

An observable that emits once when this object is destroyed, then completes.

inputChanges$

inputChanges$: Subject<Set<keyof DirectiveSuperclass>> = ...

@deprecated: This method may be removed in a future version. Its purpose is now handled by Angular elegantly with signals. Consider migrating to signal inputs.

Emits the set of @Input() property names that change during each call to ngOnChanges().

Methods

bindToInstance

bindToInstance<K extends keyof DirectiveSuperclass>(
key: K,
value$: Observable<DirectiveSuperclass[K]>,
): void
@deprecated: This method may be removed in a future version. Consider whether moving to signals will suit your needs.

Binds an observable to one of this directive's instance variables. When the observable emits the instance variable will be updated, and change detection will be triggered to propagate any changes. Use this as an alternative to repeating | async multiple times in your template.
Type Parameters
- K extends keyof DirectiveSuperclass
Parameters
- key: K
- value$: Observable<DirectiveSuperclass[K]>
Returns void
- Defined in projects/ng-core/src/lib/directive-superclass.ts:103

getInput$

getInput$<K extends keyof DirectiveSuperclass>(
key: K,
): Observable<DirectiveSuperclass[K]>
@deprecated: This method may be removed in a future version. Its purpose is now handled by Angular elegantly with signals. Consider migrating to signal inputs.
Type Parameters
- K extends keyof DirectiveSuperclass
Parameters
- key: K
Returns Observable<DirectiveSuperclass[K]>
an observable of the values for one of this directive's @Input() properties
- Defined in projects/ng-core/src/lib/directive-superclass.ts:82

hasOwnProperty

hasOwnProperty(v: PropertyKey): boolean
Determines whether an object has a property with the specified name.
Parameters
- v: PropertyKey
  A property name.
Returns boolean
Inherited from InjectableSuperclass.hasOwnProperty
- Defined in node_modules/typescript/lib/lib.es5.d.ts:140

isPrototypeOf

isPrototypeOf(v: Object): boolean
Determines whether an object exists in another object's prototype chain.
Parameters
- v: Object
  Another object whose prototype chain is to be checked.
Returns boolean
Inherited from InjectableSuperclass.isPrototypeOf
- Defined in node_modules/typescript/lib/lib.es5.d.ts:146

manage

manage(subscription: Subscription): void
Parameters
- subscription: Subscription
Returns void
Inherited from InjectableSuperclass.manage
- Defined in dist/rxjs-core/index.d.ts:516

ngOnChanges

ngOnChanges(changes: SimpleChanges): void
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
Parameters
- changes: SimpleChanges
  The changed properties.
Returns void
Implementation of OnChanges.ngOnChanges
- Defined in projects/ng-core/src/lib/directive-superclass.ts:69

propertyIsEnumerable

propertyIsEnumerable(v: PropertyKey): boolean
Determines whether a specified property is enumerable.
Parameters
- v: PropertyKey
  A property name.
Returns boolean
Inherited from InjectableSuperclass.propertyIsEnumerable
- Defined in node_modules/typescript/lib/lib.es5.d.ts:152

subscribeTo

subscribeTo<T>(
    observable: Observable<T>,
    next?: (value: T) => void,
    error?: (error: any) => void,
    complete?: () => void,
): void
Type Parameters
- T
Parameters
- observable: Observable<T>
- Optionalnext: (value: T) => void
- Optionalerror: (error: any) => void
- Optionalcomplete: () => void
Returns void
Inherited from InjectableSuperclass.subscribeTo
- Defined in dist/rxjs-core/index.d.ts:515

toLocaleString

toLocaleString(): string
Returns a date converted to a string using the current locale.

Returns string
Inherited from InjectableSuperclass.toLocaleString
- Defined in node_modules/typescript/lib/lib.es5.d.ts:131

toString

toString(): string
Returns a string representation of an object.

Returns string
Inherited from InjectableSuperclass.toString
- Defined in node_modules/typescript/lib/lib.es5.d.ts:128

unsubscribe

unsubscribe(): void
Returns void
Inherited from InjectableSuperclass.unsubscribe
- Defined in dist/rxjs-core/index.d.ts:517

valueOf

valueOf(): Object
Returns the primitive value of the specified object.

Returns Object
Inherited from InjectableSuperclass.valueOf
- Defined in node_modules/typescript/lib/lib.es5.d.ts:134

`Static`assign

assign<T extends {}, U>(target: T, source: U): T & U
Copy the values of all of the enumerable own properties from one or more source objects to a target object. Returns the target object.
Type Parameters
- T extends {}
- U
Parameters
- target: T
  The target object to copy to.
- source: U
  The source object from which to copy properties.
Returns T & U
Inherited from InjectableSuperclass.assign
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:286
assign<T extends {}, U, V>(target: T, source1: U, source2: V): T & U & V
Copy the values of all of the enumerable own properties from one or more source objects to a target object. Returns the target object.
Type Parameters
- T extends {}
- U
- V
Parameters
- target: T
  The target object to copy to.
- source1: U
  The first source object from which to copy properties.
- source2: V
  The second source object from which to copy properties.
Returns T & U & V
Inherited from InjectableSuperclass.assign
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:295
assign<T extends {}, U, V, W>(
    target: T,
    source1: U,
    source2: V,
    source3: W,
): T & U & V & W
Copy the values of all of the enumerable own properties from one or more source objects to a target object. Returns the target object.
Type Parameters
- T extends {}
- U
- V
- W
Parameters
- target: T
  The target object to copy to.
- source1: U
  The first source object from which to copy properties.
- source2: V
  The second source object from which to copy properties.
- source3: W
  The third source object from which to copy properties.
Returns T & U & V & W
Inherited from InjectableSuperclass.assign
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:305
assign(target: object, ...sources: any[]): any
Copy the values of all of the enumerable own properties from one or more source objects to a target object. Returns the target object.
Parameters
- target: object
  The target object to copy to.
- ...sources: any[]
  One or more source objects from which to copy properties
Returns any
Inherited from InjectableSuperclass.assign
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:313

`Static`create

create(o: null | object): any
Creates an object that has the specified prototype or that has null prototype.
Parameters
- o: null | object
  Object to use as a prototype. May be null.
Returns any
Inherited from InjectableSuperclass.create
- Defined in node_modules/typescript/lib/lib.es5.d.ts:188
create(o: null | object, properties: PropertyDescriptorMap & ThisType<any>): any
Creates an object that has the specified prototype, and that optionally contains specified properties.
Parameters
- o: null | object
  Object to use as a prototype. May be null
- properties: PropertyDescriptorMap & ThisType<any>
  JavaScript object that contains one or more property descriptors.
Returns any
Inherited from InjectableSuperclass.create
- Defined in node_modules/typescript/lib/lib.es5.d.ts:195

`Static`defineProperties

defineProperties<T>(o: T, properties: PropertyDescriptorMap & ThisType<any>): T
Adds one or more properties to an object, and/or modifies attributes of existing properties.
Type Parameters
- T
Parameters
- o: T
  Object on which to add or modify the properties. This can be a native JavaScript object or a DOM object.
- properties: PropertyDescriptorMap & ThisType<any>
  JavaScript object that contains one or more descriptor objects. Each descriptor object describes a data property or an accessor property.
Returns T
Inherited from InjectableSuperclass.defineProperties
- Defined in node_modules/typescript/lib/lib.es5.d.ts:210

`Static`defineProperty

defineProperty<T>(
    o: T,
    p: PropertyKey,
    attributes: PropertyDescriptor & ThisType<any>,
): T
Adds a property to an object, or modifies attributes of an existing property.
Type Parameters
- T
Parameters
- o: T
  Object on which to add or modify the property. This can be a native JavaScript object (that is, a user-defined object or a built in object) or a DOM object.
- p: PropertyKey
  The property name.
- attributes: PropertyDescriptor & ThisType<any>
  Descriptor for the property. It can be for a data property or an accessor property.
Returns T
Inherited from InjectableSuperclass.defineProperty
- Defined in node_modules/typescript/lib/lib.es5.d.ts:203

`Static`entries

entries<T>(o: { [s: string]: T } | ArrayLike<T>): [string, T][]
Returns an array of key/values of the enumerable own properties of an object
Type Parameters
- T
Parameters
- o: { [s: string]: T } | ArrayLike<T>
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns [string, T][]
Inherited from InjectableSuperclass.entries
- Defined in node_modules/typescript/lib/lib.es2017.object.d.ts:36
entries(o: {}): [string, any][]
Returns an array of key/values of the enumerable own properties of an object
Parameters
- o: {}
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns [string, any][]
Inherited from InjectableSuperclass.entries
- Defined in node_modules/typescript/lib/lib.es2017.object.d.ts:42

`Static`freeze

freeze<T extends Function>(f: T): T
Prevents the modification of existing property attributes and values, and prevents the addition of new properties.
Type Parameters
- T extends Function
Parameters
- f: T
  Object on which to lock the attributes.
Returns T
Inherited from InjectableSuperclass.freeze
- Defined in node_modules/typescript/lib/lib.es5.d.ts:222
freeze<
    T extends { [idx: string]: undefined
    | null
    | object
    | U },
    U extends string | number | bigint | boolean | symbol,
>(
    o: T,
): Readonly<T>
Prevents the modification of existing property attributes and values, and prevents the addition of new properties.
Type Parameters
- T extends { [idx: string]: undefined | null | object | U }
- U extends string | number | bigint | boolean | symbol
Parameters
- o: T
  Object on which to lock the attributes.
Returns Readonly<T>
Inherited from InjectableSuperclass.freeze
- Defined in node_modules/typescript/lib/lib.es5.d.ts:228
freeze<T>(o: T): Readonly<T>
Prevents the modification of existing property attributes and values, and prevents the addition of new properties.
Type Parameters
- T
Parameters
- o: T
  Object on which to lock the attributes.
Returns Readonly<T>
Inherited from InjectableSuperclass.freeze
- Defined in node_modules/typescript/lib/lib.es5.d.ts:234

`Static`fromEntries

fromEntries<T = any>(
entries: Iterable<readonly [PropertyKey, T]>,
): { [k: string]: T }
Returns an object created by key-value entries for properties and methods
Type Parameters
- T = any
Parameters
- entries: Iterable<readonly [PropertyKey, T]>
  An iterable object that contains key-value entries for properties and methods.
Returns { [k: string]: T }
Inherited from InjectableSuperclass.fromEntries
- Defined in node_modules/typescript/lib/lib.es2019.object.d.ts:26
fromEntries(entries: Iterable<readonly any[]>): any
Returns an object created by key-value entries for properties and methods
Parameters
- entries: Iterable<readonly any[]>
  An iterable object that contains key-value entries for properties and methods.
Returns any
Inherited from InjectableSuperclass.fromEntries
- Defined in node_modules/typescript/lib/lib.es2019.object.d.ts:32

`Static`getOwnPropertyDescriptor

getOwnPropertyDescriptor(o: any, p: PropertyKey): undefined | PropertyDescriptor
Gets the own property descriptor of the specified object. An own property descriptor is one that is defined directly on the object and is not inherited from the object's prototype.
Parameters
- o: any
  Object that contains the property.
- p: PropertyKey
  Name of the property.
Returns undefined | PropertyDescriptor
Inherited from InjectableSuperclass.getOwnPropertyDescriptor
- Defined in node_modules/typescript/lib/lib.es5.d.ts:175

`Static`getOwnPropertyDescriptors

getOwnPropertyDescriptors<T>(
o: T,
): { [P in string | number | symbol]: TypedPropertyDescriptor<T[P]> } & {
[x: string]: PropertyDescriptor;
}
Returns an object containing all own property descriptors of an object
Type Parameters
- T
Parameters
- o: T
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns { [P in string | number | symbol]: TypedPropertyDescriptor<T[P]> } & {
[x: string]: PropertyDescriptor;
}
Inherited from InjectableSuperclass.getOwnPropertyDescriptors
- Defined in node_modules/typescript/lib/lib.es2017.object.d.ts:48

`Static`getOwnPropertyNames

getOwnPropertyNames(o: any): string[]
Returns the names of the own properties of an object. The own properties of an object are those that are defined directly on that object, and are not inherited from the object's prototype. The properties of an object include both fields (objects) and functions.
Parameters
- o: any
  Object that contains the own properties.
Returns string[]
Inherited from InjectableSuperclass.getOwnPropertyNames
- Defined in node_modules/typescript/lib/lib.es5.d.ts:182

`Static`getOwnPropertySymbols

getOwnPropertySymbols(o: any): symbol[]
Returns an array of all symbol properties found directly on object o.
Parameters
- o: any
  Object to retrieve the symbols from.
Returns symbol[]
Inherited from InjectableSuperclass.getOwnPropertySymbols
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:319

`Static`getPrototypeOf

getPrototypeOf(o: any): any
Returns the prototype of an object.
Parameters
- o: any
  The object that references the prototype.
Returns any
Inherited from InjectableSuperclass.getPrototypeOf
- Defined in node_modules/typescript/lib/lib.es5.d.ts:167

`Static`hasOwn

hasOwn(o: object, v: PropertyKey): boolean
Determines whether an object has a property with the specified name.
Parameters
- o: object
  An object.
- v: PropertyKey
  A property name.
Returns boolean
Inherited from InjectableSuperclass.hasOwn
- Defined in node_modules/typescript/lib/lib.es2022.object.d.ts:25

`Static`is

is(value1: any, value2: any): boolean
Returns true if the values are the same value, false otherwise.
Parameters
- value1: any
  The first value.
- value2: any
  The second value.
Returns boolean
Inherited from InjectableSuperclass.is
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:332

`Static`isExtensible

isExtensible(o: any): boolean
Returns a value that indicates whether new properties can be added to an object.
Parameters
- o: any
  Object to test.
Returns boolean
Inherited from InjectableSuperclass.isExtensible
- Defined in node_modules/typescript/lib/lib.es5.d.ts:258

`Static`isFrozen

isFrozen(o: any): boolean
Returns true if existing property attributes and values cannot be modified in an object, and new properties cannot be added to the object.
Parameters
- o: any
  Object to test.
Returns boolean
Inherited from InjectableSuperclass.isFrozen
- Defined in node_modules/typescript/lib/lib.es5.d.ts:252

`Static`isSealed

isSealed(o: any): boolean
Returns true if existing property attributes cannot be modified in an object and new properties cannot be added to the object.
Parameters
- o: any
  Object to test.
Returns boolean
Inherited from InjectableSuperclass.isSealed
- Defined in node_modules/typescript/lib/lib.es5.d.ts:246

`Static`keys

keys(o: object): string[]
Returns the names of the enumerable string properties and methods of an object.
Parameters
- o: object
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns string[]
Inherited from InjectableSuperclass.keys
- Defined in node_modules/typescript/lib/lib.es5.d.ts:264
keys(o: {}): string[]
Returns the names of the enumerable string properties and methods of an object.
Parameters
- o: {}
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns string[]
Inherited from InjectableSuperclass.keys
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:325

`Static`preventExtensions

preventExtensions<T>(o: T): T
Prevents the addition of new properties to an object.
Type Parameters
- T
Parameters
- o: T
  Object to make non-extensible.
Returns T
Inherited from InjectableSuperclass.preventExtensions
- Defined in node_modules/typescript/lib/lib.es5.d.ts:240

`Static`seal

seal<T>(o: T): T
Prevents the modification of attributes of existing properties, and prevents the addition of new properties.
Type Parameters
- T
Parameters
- o: T
  Object on which to lock the attributes.
Returns T
Inherited from InjectableSuperclass.seal
- Defined in node_modules/typescript/lib/lib.es5.d.ts:216

`Static`setPrototypeOf

setPrototypeOf(o: any, proto: null | object): any
Sets the prototype of a specified object o to object proto or null. Returns the object o.
Parameters
- o: any
  The object to change its prototype.
- proto: null | object
  The value of the new prototype or null.
Returns any
Inherited from InjectableSuperclass.setPrototypeOf
- Defined in node_modules/typescript/lib/lib.es2015.core.d.ts:339

`Static`values

values<T>(o: { [s: string]: T } | ArrayLike<T>): T[]
Returns an array of values of the enumerable own properties of an object
Type Parameters
- T
Parameters
- o: { [s: string]: T } | ArrayLike<T>
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns T[]
Inherited from InjectableSuperclass.values
- Defined in node_modules/typescript/lib/lib.es2017.object.d.ts:24
values(o: {}): any[]
Returns an array of values of the enumerable own properties of an object
Parameters
- o: {}
  Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
Returns any[]
Inherited from InjectableSuperclass.values
- Defined in node_modules/typescript/lib/lib.es2017.object.d.ts:30

Class DirectiveSuperclassAbstract

Deprecated

Hierarchy (View Summary)

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns DirectiveSuperclass

Properties

__#7@#subscriptions

constructor

destruction$

inputChanges$

Methods

bindToInstance

Type Parameters

Parameters

Returns void

getInput$

Type Parameters

Parameters

Returns Observable<DirectiveSuperclass[K]>

hasOwnProperty

Parameters

Returns boolean

isPrototypeOf

Parameters

Returns boolean

manage

Parameters

Returns void

ngOnChanges

Parameters

Returns void

propertyIsEnumerable

Parameters

Returns boolean

subscribeTo

Type Parameters

Parameters

Returns void

toLocaleString

Returns string

toString

Returns string

unsubscribe

Returns void

valueOf

Returns Object

Staticassign

Type Parameters

Parameters

Returns T & U

Type Parameters

Parameters

Returns T & U & V

Type Parameters

Parameters

Returns T & U & V & W

Parameters

Returns any

Staticcreate

Parameters

Returns any

Parameters

Returns any

StaticdefineProperties

Type Parameters

Parameters

Returns T

StaticdefineProperty

Type Parameters

Parameters

Returns T

Staticentries

Type Parameters

Class DirectiveSuperclass`Abstract`

`Static`assign

`Static`create

`Static`defineProperties

`Static`defineProperty

`Static`entries

`Static`freeze

`Static`fromEntries

`Static`getOwnPropertyDescriptor

`Static`getOwnPropertyDescriptors

Returns { [P in string | number | symbol]: TypedPropertyDescriptor<T[P]> } & {
[x: string]: PropertyDescriptor;
}

`Static`getOwnPropertyNames

`Static`getOwnPropertySymbols

`Static`getPrototypeOf

`Static`hasOwn

`Static`is

`Static`isExtensible

`Static`isFrozen

`Static`isSealed

`Static`keys

`Static`preventExtensions

`Static`seal

`Static`setPrototypeOf

`Static`values