@angular/core 22.0.0-next.6 → 22.0.0-next.8
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/fesm2022/_attribute-chunk.mjs +1 -1
- package/fesm2022/_debug_node-chunk.mjs +1031 -943
- package/fesm2022/_debug_node-chunk.mjs.map +1 -1
- package/fesm2022/_effect-chunk.mjs +1 -1
- package/fesm2022/_not_found-chunk.mjs +1 -1
- package/fesm2022/_pending_tasks-chunk.mjs +10 -8
- package/fesm2022/_pending_tasks-chunk.mjs.map +1 -1
- package/fesm2022/_resource-chunk.mjs +25 -11
- package/fesm2022/_resource-chunk.mjs.map +1 -1
- package/fesm2022/_untracked-chunk.mjs +1 -1
- package/fesm2022/_weak_ref-chunk.mjs +1 -1
- package/fesm2022/core.mjs +285 -6
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/primitives-di.mjs +1 -1
- package/fesm2022/primitives-event-dispatch.mjs +1 -5
- package/fesm2022/primitives-event-dispatch.mjs.map +1 -1
- package/fesm2022/primitives-signals.mjs +1 -1
- package/fesm2022/rxjs-interop.mjs +4 -1
- package/fesm2022/rxjs-interop.mjs.map +1 -1
- package/fesm2022/testing.mjs +2 -12
- package/fesm2022/testing.mjs.map +1 -1
- package/package.json +2 -2
- package/schematics/bundles/apply_import_manager-CxA_YYgB.cjs +1 -1
- package/schematics/bundles/can-match-snapshot-required.cjs +104 -0
- package/schematics/bundles/change-detection-eager.cjs +1 -1
- package/schematics/bundles/cleanup-unused-imports.cjs +1 -1
- package/schematics/bundles/common-to-standalone-migration.cjs +1 -1
- package/schematics/bundles/compiler_host-CY14HvaP.cjs +1 -1
- package/schematics/bundles/control-flow-migration.cjs +1 -1
- package/schematics/bundles/http-xhr-backend.cjs +1 -1
- package/schematics/bundles/imports-CKV-ITqD.cjs +1 -1
- package/schematics/bundles/incremental-hydration.cjs +91 -0
- package/schematics/bundles/{index-BtLcQH8g.cjs → index-DADA7AvC.cjs} +7 -3
- package/schematics/bundles/inject-migration.cjs +1 -1
- package/schematics/bundles/json-file-Drblb4E1.cjs +1916 -0
- package/schematics/bundles/leading_space-BTPRV0wu.cjs +1 -1
- package/schematics/bundles/{migrate_ts_type_references-Dp33iyGx.cjs → migrate_ts_type_references-B9LlDDUg.cjs} +2 -2
- package/schematics/bundles/ng_component_template-DPAF1aEA.cjs +1 -1
- package/schematics/bundles/ng_decorators-IVztR9rk.cjs +1 -1
- package/schematics/bundles/ngclass-to-class-migration.cjs +1 -1
- package/schematics/bundles/ngstyle-to-style-migration.cjs +1 -1
- package/schematics/bundles/nodes-ZSQ7WZRB.cjs +1 -1
- package/schematics/bundles/output-migration.cjs +2 -2
- package/schematics/bundles/parse_html-C8eKA9px.cjs +1 -1
- package/schematics/bundles/project_paths-D2V-Uh2L.cjs +1 -1
- package/schematics/bundles/project_tsconfig_paths-DkkMibv-.cjs +1 -1
- package/schematics/bundles/property_name-BCpALNpZ.cjs +1 -1
- package/schematics/bundles/route-lazy-loading.cjs +1 -1
- package/schematics/bundles/router-testing-module-migration.cjs +1 -1
- package/schematics/bundles/self-closing-tags-migration.cjs +1 -1
- package/schematics/bundles/signal-input-migration.cjs +3 -3
- package/schematics/bundles/signal-queries-migration.cjs +3 -3
- package/schematics/bundles/signals.cjs +3 -3
- package/schematics/bundles/standalone-migration.cjs +29 -17
- package/schematics/bundles/strict-safe-navigation-narrow.cjs +32 -0
- package/schematics/bundles/strict-templates-default.cjs +63 -0
- package/schematics/migrations.json +18 -3
- package/types/_api-chunk.d.ts +9 -3
- package/types/_chrome_dev_tools_performance-chunk.d.ts +2 -2
- package/types/_debug_node-chunk.d.ts +136 -262
- package/types/_effect-chunk.d.ts +1 -1
- package/types/_event_dispatcher-chunk.d.ts +1 -1
- package/types/_formatter-chunk.d.ts +1 -1
- package/types/_weak_ref-chunk.d.ts +1 -1
- package/types/core.d.ts +666 -660
- package/types/primitives-di.d.ts +1 -1
- package/types/primitives-event-dispatch.d.ts +1 -1
- package/types/primitives-signals.d.ts +1 -1
- package/types/rxjs-interop.d.ts +1 -1
- package/types/testing.d.ts +2 -2
- package/schematics/bundles/strict-templates.cjs +0 -55
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v22.0.0-next.
|
|
2
|
+
* @license Angular v22.0.0-next.8
|
|
3
3
|
* (c) 2010-2026 Google LLC. https://angular.dev/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -582,6 +582,17 @@ interface RNode {
|
|
|
582
582
|
* Used exclusively for building up DOM which are static (ie not View roots)
|
|
583
583
|
*/
|
|
584
584
|
appendChild(newChild: RNode): RNode;
|
|
585
|
+
/**
|
|
586
|
+
* Returns the root node containing this node. This is either:
|
|
587
|
+
* 1. The `Document` containing the node, if attached in light DOM.
|
|
588
|
+
* 2. The `ShadowRoot` containing the node, if attached in shadow DOM.
|
|
589
|
+
* 3. The root node of a detached tree.
|
|
590
|
+
*
|
|
591
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/Node/getRootNode
|
|
592
|
+
*/
|
|
593
|
+
getRootNode?(options?: {
|
|
594
|
+
composed?: boolean;
|
|
595
|
+
}): RNode;
|
|
585
596
|
}
|
|
586
597
|
/**
|
|
587
598
|
* Subset of API needed for writing attributes, properties, and setting up
|
|
@@ -4876,6 +4887,49 @@ type CtorDependency = {
|
|
|
4876
4887
|
skipSelf?: true;
|
|
4877
4888
|
} | null;
|
|
4878
4889
|
|
|
4890
|
+
/**
|
|
4891
|
+
* Represents an instance of an `NgModule` created by an `NgModuleFactory`.
|
|
4892
|
+
* Provides access to the `NgModule` instance and related objects.
|
|
4893
|
+
*
|
|
4894
|
+
* @publicApi
|
|
4895
|
+
*/
|
|
4896
|
+
declare abstract class NgModuleRef<T> {
|
|
4897
|
+
/**
|
|
4898
|
+
* The injector that contains all of the providers of the `NgModule`.
|
|
4899
|
+
*/
|
|
4900
|
+
abstract get injector(): EnvironmentInjector;
|
|
4901
|
+
/**
|
|
4902
|
+
* The `NgModule` instance.
|
|
4903
|
+
*/
|
|
4904
|
+
abstract get instance(): T;
|
|
4905
|
+
/**
|
|
4906
|
+
* Destroys the module instance and all of the data structures associated with it.
|
|
4907
|
+
*/
|
|
4908
|
+
abstract destroy(): void;
|
|
4909
|
+
/**
|
|
4910
|
+
* Registers a callback to be executed when the module is destroyed.
|
|
4911
|
+
*/
|
|
4912
|
+
abstract onDestroy(callback: () => void): void;
|
|
4913
|
+
}
|
|
4914
|
+
interface InternalNgModuleRef<T> extends NgModuleRef<T> {
|
|
4915
|
+
_bootstrapComponents: Type<any>[];
|
|
4916
|
+
resolveInjectorInitializers(): void;
|
|
4917
|
+
}
|
|
4918
|
+
/**
|
|
4919
|
+
* @publicApi
|
|
4920
|
+
*
|
|
4921
|
+
* @deprecated
|
|
4922
|
+
* This class was mostly used as a part of ViewEngine-based JIT API and is no longer needed in Ivy
|
|
4923
|
+
* JIT mode. Angular provides APIs that accept NgModule classes directly (such as
|
|
4924
|
+
* [PlatformRef.bootstrapModule](api/core/PlatformRef#bootstrapModule) and
|
|
4925
|
+
* [createNgModule](api/core/createNgModule)), consider switching to those APIs instead of
|
|
4926
|
+
* using factory-based ones.
|
|
4927
|
+
*/
|
|
4928
|
+
declare abstract class NgModuleFactory<T> {
|
|
4929
|
+
abstract get moduleType(): Type<T>;
|
|
4930
|
+
abstract create(parentInjector: Injector | null): NgModuleRef<T>;
|
|
4931
|
+
}
|
|
4932
|
+
|
|
4879
4933
|
/**
|
|
4880
4934
|
* Base class that provides change detection functionality.
|
|
4881
4935
|
* A change-detection tree collects all views that are to be checked for changes.
|
|
@@ -4968,94 +5022,6 @@ declare abstract class ChangeDetectorRef {
|
|
|
4968
5022
|
/** Returns a ChangeDetectorRef (a.k.a. a ViewRef) */
|
|
4969
5023
|
declare function injectChangeDetectorRef(flags: InternalInjectFlags): ChangeDetectorRef;
|
|
4970
5024
|
|
|
4971
|
-
/** Symbol used to store and retrieve metadata about a binding. */
|
|
4972
|
-
declare const BINDING: unique symbol;
|
|
4973
|
-
/**
|
|
4974
|
-
* A dynamically-defined binding targeting.
|
|
4975
|
-
* For example, `inputBinding('value', () => 123)` creates an input binding.
|
|
4976
|
-
*
|
|
4977
|
-
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
4978
|
-
*/
|
|
4979
|
-
interface Binding {
|
|
4980
|
-
readonly [BINDING]: unknown;
|
|
4981
|
-
}
|
|
4982
|
-
/**
|
|
4983
|
-
* Represents a dynamically-created directive with bindings targeting it specifically.
|
|
4984
|
-
*
|
|
4985
|
-
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
4986
|
-
*/
|
|
4987
|
-
interface DirectiveWithBindings<T> {
|
|
4988
|
-
/** Directive type that should be created. */
|
|
4989
|
-
type: Type<T>;
|
|
4990
|
-
/** Bindings that should be applied to the specific directive. */
|
|
4991
|
-
bindings: Binding[];
|
|
4992
|
-
}
|
|
4993
|
-
/**
|
|
4994
|
-
* Creates an input binding.
|
|
4995
|
-
* @param publicName Public name of the input to bind to.
|
|
4996
|
-
* @param value Callback that returns the current value for the binding. Can be either a signal or
|
|
4997
|
-
* a plain getter function.
|
|
4998
|
-
*
|
|
4999
|
-
* ### Usage Example
|
|
5000
|
-
* In this example we create an instance of the `MyButton` component and bind the value of
|
|
5001
|
-
* the `isDisabled` signal to its `disabled` input.
|
|
5002
|
-
*
|
|
5003
|
-
* ```ts
|
|
5004
|
-
* const isDisabled = signal(false);
|
|
5005
|
-
*
|
|
5006
|
-
* createComponent(MyButton, {
|
|
5007
|
-
* bindings: [inputBinding('disabled', isDisabled)]
|
|
5008
|
-
* });
|
|
5009
|
-
* ```
|
|
5010
|
-
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5011
|
-
*/
|
|
5012
|
-
declare function inputBinding(publicName: string, value: () => unknown): Binding;
|
|
5013
|
-
/**
|
|
5014
|
-
* Creates an output binding.
|
|
5015
|
-
* @param eventName Public name of the output to listen to.
|
|
5016
|
-
* @param listener Function to be called when the output emits.
|
|
5017
|
-
*
|
|
5018
|
-
* ### Usage example
|
|
5019
|
-
* In this example we create an instance of the `MyCheckbox` component and listen
|
|
5020
|
-
* to its `onChange` event.
|
|
5021
|
-
*
|
|
5022
|
-
* ```ts
|
|
5023
|
-
* interface CheckboxChange {
|
|
5024
|
-
* value: string;
|
|
5025
|
-
* }
|
|
5026
|
-
*
|
|
5027
|
-
* createComponent(MyCheckbox, {
|
|
5028
|
-
* bindings: [
|
|
5029
|
-
* outputBinding<CheckboxChange>('onChange', event => console.log(event.value))
|
|
5030
|
-
* ],
|
|
5031
|
-
* });
|
|
5032
|
-
* ```
|
|
5033
|
-
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5034
|
-
*/
|
|
5035
|
-
declare function outputBinding<T>(eventName: string, listener: (event: T) => unknown): Binding;
|
|
5036
|
-
/**
|
|
5037
|
-
* Creates a two-way binding.
|
|
5038
|
-
* @param eventName Public name of the two-way compatible input.
|
|
5039
|
-
* @param value Writable signal from which to get the current value and to which to write new
|
|
5040
|
-
* values.
|
|
5041
|
-
*
|
|
5042
|
-
* ### Usage example
|
|
5043
|
-
* In this example we create an instance of the `MyCheckbox` component and bind to its `value`
|
|
5044
|
-
* input using a two-way binding.
|
|
5045
|
-
*
|
|
5046
|
-
* ```ts
|
|
5047
|
-
* const checkboxValue = signal('');
|
|
5048
|
-
*
|
|
5049
|
-
* createComponent(MyCheckbox, {
|
|
5050
|
-
* bindings: [
|
|
5051
|
-
* twoWayBinding('value', checkboxValue),
|
|
5052
|
-
* ],
|
|
5053
|
-
* });
|
|
5054
|
-
* ```
|
|
5055
|
-
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5056
|
-
*/
|
|
5057
|
-
declare function twoWayBinding(publicName: string, value: WritableSignal<unknown>): Binding;
|
|
5058
|
-
|
|
5059
5025
|
/**
|
|
5060
5026
|
* A wrapper around a native element inside of a View.
|
|
5061
5027
|
*
|
|
@@ -5231,128 +5197,94 @@ declare abstract class ComponentRef<C> {
|
|
|
5231
5197
|
*/
|
|
5232
5198
|
abstract onDestroy(callback: Function): void;
|
|
5233
5199
|
}
|
|
5200
|
+
|
|
5201
|
+
/** Symbol used to store and retrieve metadata about a binding. */
|
|
5202
|
+
declare const BINDING: unique symbol;
|
|
5234
5203
|
/**
|
|
5235
|
-
*
|
|
5236
|
-
*
|
|
5237
|
-
* Use the resulting `ComponentFactory.create()` method to create a component of that type.
|
|
5204
|
+
* A dynamically-defined binding targeting.
|
|
5205
|
+
* For example, `inputBinding('value', () => 123)` creates an input binding.
|
|
5238
5206
|
*
|
|
5239
|
-
* @
|
|
5207
|
+
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5208
|
+
*/
|
|
5209
|
+
interface Binding {
|
|
5210
|
+
readonly [BINDING]: unknown;
|
|
5211
|
+
}
|
|
5212
|
+
/**
|
|
5213
|
+
* Represents a dynamically-created directive with bindings targeting it specifically.
|
|
5240
5214
|
*
|
|
5241
|
-
* @
|
|
5242
|
-
* Component class can be used directly.
|
|
5215
|
+
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5243
5216
|
*/
|
|
5244
|
-
|
|
5245
|
-
/**
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5249
|
-
/**
|
|
5250
|
-
* The type of component the factory will create.
|
|
5251
|
-
*/
|
|
5252
|
-
abstract get componentType(): Type<any>;
|
|
5253
|
-
/**
|
|
5254
|
-
* Selector for all <ng-content> elements in the component.
|
|
5255
|
-
*/
|
|
5256
|
-
abstract get ngContentSelectors(): string[];
|
|
5257
|
-
/**
|
|
5258
|
-
* The inputs of the component.
|
|
5259
|
-
*/
|
|
5260
|
-
abstract get inputs(): {
|
|
5261
|
-
propName: string;
|
|
5262
|
-
templateName: string;
|
|
5263
|
-
transform?: (value: any) => any;
|
|
5264
|
-
isSignal: boolean;
|
|
5265
|
-
}[];
|
|
5266
|
-
/**
|
|
5267
|
-
* The outputs of the component.
|
|
5268
|
-
*/
|
|
5269
|
-
abstract get outputs(): {
|
|
5270
|
-
propName: string;
|
|
5271
|
-
templateName: string;
|
|
5272
|
-
}[];
|
|
5273
|
-
/**
|
|
5274
|
-
* Creates a new component.
|
|
5275
|
-
*/
|
|
5276
|
-
abstract create(injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: string | any, environmentInjector?: EnvironmentInjector | NgModuleRef<any>, directives?: (Type<unknown> | DirectiveWithBindings<unknown>)[], bindings?: Binding[]): ComponentRef<C>;
|
|
5217
|
+
interface DirectiveWithBindings<T> {
|
|
5218
|
+
/** Directive type that should be created. */
|
|
5219
|
+
type: Type<T>;
|
|
5220
|
+
/** Bindings that should be applied to the specific directive. */
|
|
5221
|
+
bindings: Binding[];
|
|
5277
5222
|
}
|
|
5278
|
-
|
|
5279
5223
|
/**
|
|
5280
|
-
*
|
|
5281
|
-
*
|
|
5282
|
-
*
|
|
5283
|
-
*
|
|
5224
|
+
* Creates an input binding.
|
|
5225
|
+
* @param publicName Public name of the input to bind to.
|
|
5226
|
+
* @param value Callback that returns the current value for the binding. Can be either a signal or
|
|
5227
|
+
* a plain getter function.
|
|
5284
5228
|
*
|
|
5285
|
-
*
|
|
5286
|
-
*
|
|
5287
|
-
*
|
|
5229
|
+
* ### Usage Example
|
|
5230
|
+
* In this example we create an instance of the `MyButton` component and bind the value of
|
|
5231
|
+
* the `isDisabled` signal to its `disabled` input.
|
|
5288
5232
|
*
|
|
5289
|
-
*
|
|
5233
|
+
* ```ts
|
|
5234
|
+
* const isDisabled = signal(false);
|
|
5290
5235
|
*
|
|
5291
|
-
*
|
|
5292
|
-
*
|
|
5236
|
+
* createComponent(MyButton, {
|
|
5237
|
+
* bindings: [inputBinding('disabled', isDisabled)]
|
|
5238
|
+
* });
|
|
5239
|
+
* ```
|
|
5240
|
+
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5293
5241
|
*/
|
|
5294
|
-
declare
|
|
5295
|
-
static NULL: ComponentFactoryResolver;
|
|
5296
|
-
/**
|
|
5297
|
-
* Retrieves the factory object that creates a component of the given type.
|
|
5298
|
-
* @param component The component type.
|
|
5299
|
-
*/
|
|
5300
|
-
abstract resolveComponentFactory<T>(component: Type<T>): ComponentFactory<T>;
|
|
5301
|
-
}
|
|
5302
|
-
|
|
5242
|
+
declare function inputBinding(publicName: string, value: () => unknown): Binding;
|
|
5303
5243
|
/**
|
|
5304
|
-
*
|
|
5305
|
-
*
|
|
5244
|
+
* Creates an output binding.
|
|
5245
|
+
* @param eventName Public name of the output to listen to.
|
|
5246
|
+
* @param listener Function to be called when the output emits.
|
|
5306
5247
|
*
|
|
5307
|
-
*
|
|
5248
|
+
* ### Usage example
|
|
5249
|
+
* In this example we create an instance of the `MyCheckbox` component and listen
|
|
5250
|
+
* to its `onChange` event.
|
|
5251
|
+
*
|
|
5252
|
+
* ```ts
|
|
5253
|
+
* interface CheckboxChange {
|
|
5254
|
+
* value: string;
|
|
5255
|
+
* }
|
|
5256
|
+
*
|
|
5257
|
+
* createComponent(MyCheckbox, {
|
|
5258
|
+
* bindings: [
|
|
5259
|
+
* outputBinding<CheckboxChange>('onChange', event => console.log(event.value))
|
|
5260
|
+
* ],
|
|
5261
|
+
* });
|
|
5262
|
+
* ```
|
|
5263
|
+
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5308
5264
|
*/
|
|
5309
|
-
declare
|
|
5310
|
-
/**
|
|
5311
|
-
* The injector that contains all of the providers of the `NgModule`.
|
|
5312
|
-
*/
|
|
5313
|
-
abstract get injector(): EnvironmentInjector;
|
|
5314
|
-
/**
|
|
5315
|
-
* The resolver that can retrieve component factories in a context of this module.
|
|
5316
|
-
*
|
|
5317
|
-
* Note: since v13, dynamic component creation via
|
|
5318
|
-
* [`ViewContainerRef.createComponent`](api/core/ViewContainerRef#createComponent)
|
|
5319
|
-
* does **not** require resolving component factory: component class can be used directly.
|
|
5320
|
-
*
|
|
5321
|
-
* @deprecated Angular no longer requires Component factories. Please use other APIs where
|
|
5322
|
-
* Component class can be used directly.
|
|
5323
|
-
*/
|
|
5324
|
-
abstract get componentFactoryResolver(): ComponentFactoryResolver;
|
|
5325
|
-
/**
|
|
5326
|
-
* The `NgModule` instance.
|
|
5327
|
-
*/
|
|
5328
|
-
abstract get instance(): T;
|
|
5329
|
-
/**
|
|
5330
|
-
* Destroys the module instance and all of the data structures associated with it.
|
|
5331
|
-
*/
|
|
5332
|
-
abstract destroy(): void;
|
|
5333
|
-
/**
|
|
5334
|
-
* Registers a callback to be executed when the module is destroyed.
|
|
5335
|
-
*/
|
|
5336
|
-
abstract onDestroy(callback: () => void): void;
|
|
5337
|
-
}
|
|
5338
|
-
interface InternalNgModuleRef<T> extends NgModuleRef<T> {
|
|
5339
|
-
_bootstrapComponents: Type<any>[];
|
|
5340
|
-
resolveInjectorInitializers(): void;
|
|
5341
|
-
}
|
|
5265
|
+
declare function outputBinding<T>(eventName: string, listener: (event: T) => unknown): Binding;
|
|
5342
5266
|
/**
|
|
5343
|
-
*
|
|
5267
|
+
* Creates a two-way binding.
|
|
5268
|
+
* @param eventName Public name of the two-way compatible input.
|
|
5269
|
+
* @param value Writable signal from which to get the current value and to which to write new
|
|
5270
|
+
* values.
|
|
5344
5271
|
*
|
|
5345
|
-
*
|
|
5346
|
-
*
|
|
5347
|
-
*
|
|
5348
|
-
*
|
|
5349
|
-
*
|
|
5350
|
-
*
|
|
5272
|
+
* ### Usage example
|
|
5273
|
+
* In this example we create an instance of the `MyCheckbox` component and bind to its `value`
|
|
5274
|
+
* input using a two-way binding.
|
|
5275
|
+
*
|
|
5276
|
+
* ```ts
|
|
5277
|
+
* const checkboxValue = signal('');
|
|
5278
|
+
*
|
|
5279
|
+
* createComponent(MyCheckbox, {
|
|
5280
|
+
* bindings: [
|
|
5281
|
+
* twoWayBinding('value', checkboxValue),
|
|
5282
|
+
* ],
|
|
5283
|
+
* });
|
|
5284
|
+
* ```
|
|
5285
|
+
* @see [Binding inputs, outputs and setting host directives at creation](guide/components/programmatic-rendering#binding-inputs-outputs-and-setting-host-directives-at-creation)
|
|
5351
5286
|
*/
|
|
5352
|
-
declare
|
|
5353
|
-
abstract get moduleType(): Type<T>;
|
|
5354
|
-
abstract create(parentInjector: Injector | null): NgModuleRef<T>;
|
|
5355
|
-
}
|
|
5287
|
+
declare function twoWayBinding(publicName: string, value: WritableSignal<unknown>): Binding;
|
|
5356
5288
|
|
|
5357
5289
|
/**
|
|
5358
5290
|
* Use in components with the `@Output` directive to emit custom events
|
|
@@ -5643,7 +5575,6 @@ declare class NoopNgZone implements NgZone {
|
|
|
5643
5575
|
* @publicApi
|
|
5644
5576
|
*/
|
|
5645
5577
|
declare const APP_BOOTSTRAP_LISTENER: InjectionToken<readonly ((compRef: ComponentRef<any>) => void)[]>;
|
|
5646
|
-
declare function isBoundToModule<C>(cf: ComponentFactory<C>): boolean;
|
|
5647
5578
|
/**
|
|
5648
5579
|
* Provides additional options to the bootstrapping process.
|
|
5649
5580
|
*
|
|
@@ -5844,7 +5775,7 @@ declare class ApplicationRef {
|
|
|
5844
5775
|
*
|
|
5845
5776
|
* When bootstrapping a component, Angular mounts it onto a target DOM element
|
|
5846
5777
|
* and kicks off automatic change detection. The target DOM element can be
|
|
5847
|
-
* provided using the `
|
|
5778
|
+
* provided using the `hostElement` argument.
|
|
5848
5779
|
*
|
|
5849
5780
|
* If the target DOM element is not provided, Angular tries to find one on a page
|
|
5850
5781
|
* using the `selector` of the component that is being bootstrapped
|
|
@@ -5872,48 +5803,12 @@ declare class ApplicationRef {
|
|
|
5872
5803
|
*
|
|
5873
5804
|
* {@example core/ts/platform/platform.ts region='domNode'}
|
|
5874
5805
|
*/
|
|
5875
|
-
bootstrap<C>(component: Type<C>,
|
|
5876
|
-
|
|
5877
|
-
|
|
5878
|
-
|
|
5879
|
-
|
|
5880
|
-
|
|
5881
|
-
* ### Bootstrap process
|
|
5882
|
-
*
|
|
5883
|
-
* When bootstrapping a component, Angular mounts it onto a target DOM element
|
|
5884
|
-
* and kicks off automatic change detection. The target DOM element can be
|
|
5885
|
-
* provided using the `rootSelectorOrNode` argument.
|
|
5886
|
-
*
|
|
5887
|
-
* If the target DOM element is not provided, Angular tries to find one on a page
|
|
5888
|
-
* using the `selector` of the component that is being bootstrapped
|
|
5889
|
-
* (first matched element is used).
|
|
5890
|
-
*
|
|
5891
|
-
* ### Example
|
|
5892
|
-
*
|
|
5893
|
-
* Generally, we define the component to bootstrap in the `bootstrap` array of `NgModule`,
|
|
5894
|
-
* but it requires us to know the component while writing the application code.
|
|
5895
|
-
*
|
|
5896
|
-
* Imagine a situation where we have to wait for an API call to decide about the component to
|
|
5897
|
-
* bootstrap. We can use the `ngDoBootstrap` hook of the `NgModule` and call this method to
|
|
5898
|
-
* dynamically bootstrap a component.
|
|
5899
|
-
*
|
|
5900
|
-
* {@example core/ts/platform/platform.ts region='componentSelector'}
|
|
5901
|
-
*
|
|
5902
|
-
* Optionally, a component can be mounted onto a DOM element that does not match the
|
|
5903
|
-
* selector of the bootstrapped component.
|
|
5904
|
-
*
|
|
5905
|
-
* In the following example, we are providing a CSS selector to match the target element.
|
|
5906
|
-
*
|
|
5907
|
-
* {@example core/ts/platform/platform.ts region='cssSelector'}
|
|
5908
|
-
*
|
|
5909
|
-
* While in this example, we are providing reference to a DOM node.
|
|
5910
|
-
*
|
|
5911
|
-
* {@example core/ts/platform/platform.ts region='domNode'}
|
|
5912
|
-
*
|
|
5913
|
-
* @deprecated Passing Component factories as the `Application.bootstrap` function argument is
|
|
5914
|
-
* deprecated. Pass Component Types instead.
|
|
5915
|
-
*/
|
|
5916
|
-
bootstrap<C>(componentFactory: ComponentFactory<C>, rootSelectorOrNode?: string | any): ComponentRef<C>;
|
|
5806
|
+
bootstrap<C>(component: Type<C>, options?: {
|
|
5807
|
+
hostElement?: Element | string;
|
|
5808
|
+
directives?: (Type<unknown> | DirectiveWithBindings<unknown>)[];
|
|
5809
|
+
bindings?: Binding[];
|
|
5810
|
+
}): ComponentRef<C>;
|
|
5811
|
+
bootstrap<C>(component: Type<C>, hostElement?: Element | string): ComponentRef<C>;
|
|
5917
5812
|
private bootstrapImpl;
|
|
5918
5813
|
/**
|
|
5919
5814
|
* Invoke this method to explicitly process change detection and its side-effects.
|
|
@@ -6099,22 +5994,9 @@ declare class NavigationDestination {
|
|
|
6099
5994
|
getState(): unknown;
|
|
6100
5995
|
}
|
|
6101
5996
|
|
|
6102
|
-
/**
|
|
6103
|
-
* Combination of NgModuleFactory and ComponentFactories.
|
|
6104
|
-
*
|
|
6105
|
-
* @publicApi
|
|
6106
|
-
*
|
|
6107
|
-
* @deprecated
|
|
6108
|
-
* Ivy JIT mode doesn't require accessing this symbol.
|
|
6109
|
-
*/
|
|
6110
|
-
declare class ModuleWithComponentFactories<T> {
|
|
6111
|
-
ngModuleFactory: NgModuleFactory<T>;
|
|
6112
|
-
componentFactories: ComponentFactory<any>[];
|
|
6113
|
-
constructor(ngModuleFactory: NgModuleFactory<T>, componentFactories: ComponentFactory<any>[]);
|
|
6114
|
-
}
|
|
6115
5997
|
/**
|
|
6116
5998
|
* Low-level service for running the angular compiler during runtime
|
|
6117
|
-
* to create {@link
|
|
5999
|
+
* to create {@link AbstractComponentFactory}s, which
|
|
6118
6000
|
* can later be used to create and render a Component instance.
|
|
6119
6001
|
*
|
|
6120
6002
|
* Each `@NgModule` provides an own `Compiler` to its injector,
|
|
@@ -6136,14 +6018,6 @@ declare class Compiler {
|
|
|
6136
6018
|
* Compiles the given NgModule and all of its components
|
|
6137
6019
|
*/
|
|
6138
6020
|
compileModuleAsync<T>(moduleType: Type<T>): Promise<NgModuleFactory<T>>;
|
|
6139
|
-
/**
|
|
6140
|
-
* Same as {@link Compiler#compileModuleSync compileModuleSync} but also creates ComponentFactories for all components.
|
|
6141
|
-
*/
|
|
6142
|
-
compileModuleAndAllComponentsSync<T>(moduleType: Type<T>): ModuleWithComponentFactories<T>;
|
|
6143
|
-
/**
|
|
6144
|
-
* Same as {@link Compiler#compileModuleAsync compileModuleAsync} but also creates ComponentFactories for all components.
|
|
6145
|
-
*/
|
|
6146
|
-
compileModuleAndAllComponentsAsync<T>(moduleType: Type<T>): Promise<ModuleWithComponentFactories<T>>;
|
|
6147
6021
|
/**
|
|
6148
6022
|
* Clears all caches.
|
|
6149
6023
|
*/
|
|
@@ -7580,5 +7454,5 @@ declare function getDebugNode(nativeNode: any): DebugNode | null;
|
|
|
7580
7454
|
*/
|
|
7581
7455
|
type Predicate<T> = (value: T) => boolean;
|
|
7582
7456
|
|
|
7583
|
-
export { ANIMATIONS_DISABLED, APP_BOOTSTRAP_LISTENER, AfterRenderManager, AnimationRendererType, ApplicationRef, AttributeMarker, COMPILER_OPTIONS, CONTAINER_HEADER_OFFSET, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionScheduler, ChangeDetectionStrategy, ChangeDetectorRef, Compiler, CompilerFactory, Component,
|
|
7457
|
+
export { ANIMATIONS_DISABLED, APP_BOOTSTRAP_LISTENER, AfterRenderManager, AnimationRendererType, ApplicationRef, AttributeMarker, COMPILER_OPTIONS, CONTAINER_HEADER_OFFSET, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionScheduler, ChangeDetectionStrategy, ChangeDetectorRef, Compiler, CompilerFactory, Component, ComponentRef, DebugElement, DebugEventListener, DebugNode, DeferBlockBehavior, DeferBlockState, Directive, EffectScheduler, ElementRef, EmbeddedViewRef, EnvironmentInjector, EventEmitter, HostBinding, HostListener, INJECTOR_SCOPE, Input, MAX_ANIMATION_TIMEOUT, NG_INJ_DEF, NG_PROV_DEF, NO_ERRORS_SCHEMA, NavigateEvent, Navigation, NavigationCurrentEntryChangeEvent, NavigationDestination, NavigationHistoryEntry, NavigationTransition, NgModule, NgModuleFactory, NgModuleRef, NgZone, NoopNgZone, NotificationSource, Output, PROVIDED_ZONELESS, Pipe, PlatformRef, QueryList, R3Injector, RenderFlags, Renderer2, RendererFactory2, RendererStyleFlags2, Sanitizer, SecurityContext, TDeferDetailsFlags, TracingAction, TracingService, ViewEncapsulation, ViewRef, ZONELESS_ENABLED, asNativeElements, effect, getDebugNode, getDeferBlocks, getInjectableDef, injectChangeDetectorRef, inputBinding, isInjectable, outputBinding, twoWayBinding, ɵɵdefineInjectable, ɵɵdefineInjector };
|
|
7584
7458
|
export type { AfterRenderRef, AnimationCallbackEvent, AnimationClassBindingFn, AnimationFunction, Binding, BootstrapOptions, ClassDebugInfo, CompilerOptions, ComponentDecorator, ComponentDef, ComponentDefFeature, ComponentTemplate, ComponentType, ContentQueriesFunction, ControlDirectiveHost, CreateEffectOptions, CssSelectorList, DeferBlockConfig, DeferBlockDependencyInterceptor, DeferBlockDetails, DehydratedDeferBlock, DependencyResolverFn, DependencyTypeList, DirectiveDecorator, DirectiveDef, DirectiveDefFeature, DirectiveType, DirectiveWithBindings, EffectCleanupFn, EffectCleanupRegisterFn, EffectRef, GlobalTargetResolver, HostBindingDecorator, HostBindingsFunction, HostDirectiveConfig, HostListenerDecorator, InjectableType, InjectorType, InputDecorator, InputSignalNode, InputTransformFunction, InternalNgModuleRef, LContainer, LView, ListenerOptions, LocalRefExtractor, NavigationInterceptOptions, NavigationNavigateOptions, NavigationOptions, NavigationReloadOptions, NavigationResult, NavigationTypeString, NavigationUpdateCurrentEntryOptions, NgModuleDecorator, NgModuleScopeInfoFromDecorator, OpaqueViewState, OutputDecorator, PipeDecorator, PipeDef, PipeType, Predicate, RElement, RNode, RawScopeInfoFromDecorator, RendererType2, SanitizerFn, SchemaMetadata, TAttributes, TDeferBlockDetails, TNode, TView, TracingSnapshot, TrustedHTML, TrustedScript, TrustedScriptURL, TypeDecorator, TypeOrFactory, ViewQueriesFunction, ɵɵComponentDeclaration, ɵɵDirectiveDeclaration, ɵɵFactoryDeclaration, ɵɵInjectableDeclaration, ɵɵInjectorDeclaration, ɵɵInjectorDef, ɵɵNgModuleDeclaration, ɵɵPipeDeclaration };
|
package/types/_effect-chunk.d.ts
CHANGED