Compare commits
4 Commits
master
...
christianm
Author | SHA1 | Date | |
---|---|---|---|
![]() |
443e29621f | ||
![]() |
693b1a3c07 | ||
![]() |
2d3650bf3b | ||
![]() |
f121808bab |
@ -1,32 +1,33 @@
|
|||||||
# Built-in directives
|
# Directivas integradas
|
||||||
|
|
||||||
Angular offers two kinds of built-in directives: [_attribute_ directives](guide/attribute-directives) and [_structural_ directives](guide/structural-directives).
|
Angular ofrece dos tipos de directivas integradas: [directivas de _atributo_](guide/attribute-directives) y [directivas de _estructura_](guide/structural-directives).
|
||||||
|
|
||||||
<div class="alert is-helpful">
|
<div class="alert is-helpful">
|
||||||
|
|
||||||
See the <live-example></live-example> for a working example containing the code snippets in this guide.
|
Ve el <live-example></live-example> para un ejemplo ejecutable conteniendo las porciones de código en esta guía.
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
For more detail, including how to build your own custom directives, see [Attribute Directives](guide/attribute-directives) and [Structural Directives](guide/structural-directives).
|
Para más detalles, incluyendo cómo construir tus propias directivas personalizadas, ve [Directivas de Atributo](guide/attribute-directives) and [Structural Directives](guide/structural-directives).
|
||||||
|
|
||||||
<hr/>
|
<hr/>
|
||||||
|
|
||||||
{@a attribute-directives}
|
{@a attribute-directives}
|
||||||
|
|
||||||
## Built-in attribute directives
|
## Directivas integradas de atributo
|
||||||
|
|
||||||
Attribute directives listen to and modify the behavior of
|
Las directivas de atributo escuchan y modifican el comportamiento de
|
||||||
other HTML elements, attributes, properties, and components.
|
otros elementos HTML, atributos, propiedades, y componentes.
|
||||||
You usually apply them to elements as if they were HTML attributes, hence the name.
|
|
||||||
|
|
||||||
Many NgModules such as the [`RouterModule`](guide/router "Routing and Navigation")
|
Por lo general, los aplica a los elementos como si fueran atributos HTML, de ahí el nombre.
|
||||||
and the [`FormsModule`](guide/forms "Forms") define their own attribute directives.
|
|
||||||
The most common attribute directives are as follows:
|
|
||||||
|
|
||||||
* [`NgClass`](guide/built-in-directives#ngClass)—adds and removes a set of CSS classes.
|
Muchos NgModules como el [`RouterModule`](guide/router "Routing and Navigation")
|
||||||
* [`NgStyle`](guide/built-in-directives#ngStyle)—adds and removes a set of HTML styles.
|
y el [`FormsModule`](guide/forms "Forms") definen sus propias directivas de atributos.
|
||||||
* [`NgModel`](guide/built-in-directives#ngModel)—adds two-way data binding to an HTML form element.
|
Las directivas de atributos más comunes son las siguientes:
|
||||||
|
|
||||||
|
* [`NgClass`](guide/built-in-directives#ngClass)—agrega y elimina un conjunto de clases CSS.
|
||||||
|
* [`NgStyle`](guide/built-in-directives#ngStyle)—agrega y elimina un conjunto de estilos HTML.
|
||||||
|
* [`NgModel`](guide/built-in-directives#ngModel)—agrega enlace de datos bidireccional a un elemento formulario HTML.
|
||||||
|
|
||||||
<hr/>
|
<hr/>
|
||||||
|
|
||||||
@ -34,7 +35,7 @@ The most common attribute directives are as follows:
|
|||||||
|
|
||||||
## `NgClass`
|
## `NgClass`
|
||||||
|
|
||||||
Add or remove several CSS classes simultaneously with `ngClass`.
|
Agrega o elimina varias clases CSS simultáneamente con `ngClass`.
|
||||||
|
|
||||||
<code-example path="built-in-directives/src/app/app.component.html" region="special-div" header="src/app/app.component.html"></code-example>
|
<code-example path="built-in-directives/src/app/app.component.html" region="special-div" header="src/app/app.component.html"></code-example>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user