1- # Advanced component configuration
1+ # Configuración avanzada de componentes
22
3- TIP: This guide assumes you've already read the [ Essentials Guide ] ( essentials ) . Read that first if you're new to Angular.
3+ CONSEJO: Esta guía asume que ya has leído la [ Guía de Esenciales ] ( essentials ) . Lee eso primero si eres nuevo en Angular.
44
55## ChangeDetectionStrategy
66
7- The ` @Component ` decorator accepts a ` changeDetection ` option that controls the component's ** change
8- detection mode ** . There are two change detection mode options .
7+ El decorador ` @Component ` acepta una opción ` changeDetection ` que controla el ** modo de
8+ detección de cambios ** del componente. Hay dos opciones de modo de detección de cambios .
99
10- ** ` ChangeDetectionStrategy.Default ` ** is, unsurprisingly, the default strategy. In this mode ,
11- Angular checks whether the component's DOM needs an update whenever any activity may have occurred
12- application-wide. Activities that trigger this checking include user interaction, network response ,
13- timers, and more .
10+ ** ` ChangeDetectionStrategy.Default ` ** es, como era de esperar, la estrategia por defecto. En este modo ,
11+ Angular verifica si el DOM del componente necesita una actualización cada vez que cualquier actividad puede haber ocurrido
12+ en toda la aplicación. Las actividades que desencadenan esta verificación incluyen interacción del usuario, respuesta de red ,
13+ temporizadores, y más .
1414
15- ** ` ChangeDetectionStrategy.OnPush ` ** is an optional mode that reduces the amount of checking Angular
16- needs to perform. In this mode, the framework only checks if a component's DOM needs an update when :
15+ ** ` ChangeDetectionStrategy.OnPush ` ** es un modo opcional que reduce la cantidad de verificación que Angular
16+ necesita realizar. En este modo, el framework solo verifica si el DOM de un componente necesita una actualización cuando :
1717
18- - A component input has changes as a result of a binding in a template, or
19- - An event listener in this component runs
20- - The component is explicitly marked for check, via ` ChangeDetectorRef.markForCheck ` or something which wraps it, like ` AsyncPipe ` .
18+ - Un input del componente ha cambiado como resultado de un enlace en una plantilla, o
19+ - Un event listener en este componente se ejecuta
20+ - El componente es explícitamente marcado para verificación, a través de ` ChangeDetectorRef.markForCheck ` o algo que lo envuelve, como ` AsyncPipe ` .
2121
22- Additionally, when an OnPush component is checked , Angular _ also _ checks all of its ancestor
23- components, traversing upwards through the application tree .
22+ Además, cuando un componente OnPush es verificado , Angular _ también _ verifica todos sus componentes
23+ ancestros, atravesando hacia arriba a través del árbol de la aplicación .
2424
2525## PreserveWhitespaces
2626
27- By default , Angular removes and collapses superfluous whitespace in templates, most commonly from
28- newlines and indentation. You can change this setting by explicitly setting ` preserveWhitespaces ` to
29- ` true ` in a component's metadata .
27+ Por defecto , Angular elimina y colapsa los espacios en blanco superfluos en las plantillas, más comúnmente de
28+ saltos de línea e indentación. Puedes cambiar esta configuración estableciendo explícitamente ` preserveWhitespaces ` a
29+ ` true ` en los metadatos del componente .
3030
31- ## Custom element schemas
31+ ## Esquemas de elementos personalizados
3232
33- By default , Angular throws an error when it encounters an unknown HTML element. You can
34- disable this behavior for a component by including ` CUSTOM_ELEMENTS_SCHEMA ` in the ` schemas `
35- property in your component metadata .
33+ Por defecto , Angular lanza un error cuando encuentra un elemento HTML desconocido. Puedes
34+ deshabilitar este comportamiento para un componente incluyendo ` CUSTOM_ELEMENTS_SCHEMA ` en la propiedad ` schemas `
35+ en los metadatos de tu componente .
3636
3737``` angular-ts
3838import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
@@ -45,4 +45,4 @@ import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
4545export class ComponentWithCustomElements { }
4646```
4747
48- Angular does not support any other schemas at this time .
48+ Angular no soporta ningún otro esquema en este momento .
0 commit comments