Angular (framework) - Historial de revisiones

Hariseldon: /* Características */

2021-10-30T14:53:44Z

‎Características

Hariseldon: /* Características */

2021-10-21T19:49:26Z

‎Características

Arnold.santana en 19:49 21 oct 2021

2021-10-21T19:49:23Z

Arnold.santana: /* Instalar Angular */

2021-10-21T19:48:11Z

‎Instalar Angular

Hariseldon: /* Características */

2021-10-21T19:47:56Z

‎Características

Arnold.santana: /* Angular Versiones */

2021-10-21T19:47:50Z

‎Angular Versiones

Arnold.santana: si hay algun error en la tabla corregir

2021-10-21T19:46:46Z

si hay algun error en la tabla corregir

Hariseldon: /* Características */

2021-10-21T19:31:17Z

‎Características

Hariseldon en 19:14 4 oct 2021

2021-10-04T19:14:26Z

Hariseldon en 18:52 4 oct 2021

2021-10-04T18:52:51Z

@@ Línea 58: / Línea 58: @@
 {{Columnas}}
 ::::::'''Componente hijo'''
-<pre>
+<syntaxhighlight lang="ActionScript ">
 home.components.ts
@@ Línea 75: / Línea 76: @@
 @input () value:string;
+   }
-</pre>
 {{Nueva_columna}}
 ::::::'''Componente Padre'''
-<pre>
+<syntaxhighlight lang="ActionScript ">
 import { Component, OnInit } from '@angular/core';
@@ Línea 88: / Línea 90: @@
 export class AppComponent implements OnInit {
+}
-</pre>
+</syntaxhighlight>
 {{Final_columnas}}
 '''Decorador  @output'''.

@@ Línea 84: / Línea 84: @@
    selector: 'app-component',
    templateUrl: '
-            <home-component [value]="Hello Cuba"></home-component>',
+            <app-cincocurso [value]="Hello Cuba"></app-cincocurso>',
 })
 export class AppComponent implements OnInit {

@@ Línea 26: / Línea 26: @@
 |web=http://angular.io/
 }}
-'''Angular''', [[framework]] de [[Javascript]] , es una evolución de [[AngularJS]], aunque fue totalmente reescrito su código fuente. Utiliza [[TypeScript]] y [[HTML]] para crear aplicaciones. Ofrece a los desarrolladores la disponibilidad de todas las funciones que necesita para crear una aplicación web o móvil compleja y sofisticada.
+'''Angular''' es un [[framework]] de [[Javascript]]. Es una evolución de [[AngularJS]], aunque fue totalmente reescrito su código fuente. Utiliza [[TypeScript]] y [[HTML]] para crear aplicaciones. Ofrece a los desarrolladores la disponibilidad de todas las funciones que necesita para crear una aplicación web o móvil compleja y sofisticada.
 ==Características==
 [[Archivo:Clipboard02.jpg|miniaturadeimagen|170px|derecha|Directivas]]

@@ Línea 99: / Línea 99: @@
 <code>ng generate module nombre</code>
-== Instalar Angular ==
+== Instalación ==
 Pasos para instalar Angular 12
 * Instalar primero [[Node.js|nodejs]] en su página oficial, [https://nodejs.org nodejs.org].

← Revisión anterior		Revisión del 19:47 21 oct 2021
Línea 54:		Línea 54:

	\|}		\|}
		+
		+	'''Decorador @input'''. Le indica a un componente que puede recibir un valor desde el componente padre. Ejemplo:
		+	{{Columnas}}
		+	::::::'''Componente hijo'''
		+	<pre>
		+
		+	home.components.ts
		+
		+	import { Component, OnInit, Input } from '@angular/core';
		+
		+	@Component({
		+	selector: 'app-cincocurso',
		+	templateUrl: '
		+	<p>
		+	{{value}}
		+	</p>',
		+	styleUrls: ['./cincocurso.component.scss']
		+	})
		+	export class CincocursoComponent implements OnInit {
		+	@input () value:string;
		+	}
		+	</pre>
		+	{{Nueva_columna}}
		+	::::::'''Componente Padre'''
		+	<pre>
		+	import { Component, OnInit } from '@angular/core';
		+
		+	@Component({
		+	selector: 'app-component',
		+	templateUrl: '
		+	<home-component [value]="Hello Cuba"></home-component>',
		+	})
		+	export class AppComponent implements OnInit {
		+	}
		+	</pre>
		+	{{Final_columnas}}
		+	'''Decorador @output'''.

	'''Las Pipes''' de Angular se utilizan para transformar los datos. Por ejemplo, la Pipe de fecha formatea la fecha de acuerdo con las reglas de configuración regional. Se puede pasar argumentos a Pipes y cadenas. Angular también permite crear el Custom Pipe.		'''Las Pipes''' de Angular se utilizan para transformar los datos. Por ejemplo, la Pipe de fecha formatea la fecha de acuerdo con las reglas de configuración regional. Se puede pasar argumentos a Pipes y cadenas. Angular también permite crear el Custom Pipe.

@@ Línea 68: / Línea 68: @@
 ::npm install -g @angular/cli
-==Angular Versiones==
+==Versiones==
 La primera versión de Angular se denominó Angular 2. Luego, más tarde, se le cambió el nombre a Angular. Con el paso de los años, Angular Team lanza nuevas versiones de Angular Regularmente y la última versión estable que está disponible en Angular 12.1.4 (28 de julio de 2021)

@@ Línea 28: / Línea 28: @@
 '''Angular''', [[framework]] de [[Javascript]] , es una evolución de [[AngularJS]], aunque fue totalmente reescrito su código fuente. Utiliza [[TypeScript]] y [[HTML]] para crear aplicaciones. Ofrece a los desarrolladores la disponibilidad de todas las funciones que necesita para crear una aplicación web o móvil compleja y sofisticada.
 ==Características==
 Posee características como componentes, directivas, formularios, canalizaciones, servicios HTTP, inyección de dependencia, etc.
@@ Línea 33: / Línea 34: @@
 '''La directiva''' de Angular permite manipular el [[DOM]]. Puede cambiar la apariencia, el comportamiento o el diseño de un elemento DOM utilizando las directivas. Te ayudan a extender el HTML. Las directivas de Angular se clasifican en tres categorías según su comportamiento. Son directivas de componentes, estructurales y de atributos.
 {| class="wikitable"
@@ Línea 45: / Línea 45: @@
 | *ngSwitch || Directiva de atributo || Permite ejecutar casos condicionales sobre elementos del DOM.
 |-
-|<pre>[ngStyle]</pre> || Directiva de atributo || Permite cambiar las propiedades del elemento HTML seleccionado.
+| *ngStyle || Directiva de atributo || Permite cambiar las propiedades del elemento HTML seleccionado.
 |-
-|<pre>[ngClass]</pre> || Directiva de atributo || Permite agregar clases dinámicamente sobre el elemento HTML seleccionado.
+| *ngClass || Directiva de atributo || Permite agregar clases dinámicamente sobre el elemento HTML seleccionado.
 |-
-|ng g directives <pre>[nameofdirective]</pre> || Directivas customizadas || Creadas por los desarrolladores
+| *ng g directives, nameofdirective || Directivas customizadas || Creadas por los desarrolladores
 |-
 |@Component, @Module || Directivas de Angular|| creadas por los desarrolladores mediante a la instrucción:

← Revisión anterior		Revisión del 19:31 21 oct 2021
Línea 57:		Línea 57:
	'''Las Pipes''' de Angular se utilizan para transformar los datos. Por ejemplo, la Pipe de fecha formatea la fecha de acuerdo con las reglas de configuración regional. Se puede pasar argumentos a Pipes y cadenas. Angular también permite crear el Custom Pipe.		'''Las Pipes''' de Angular se utilizan para transformar los datos. Por ejemplo, la Pipe de fecha formatea la fecha de acuerdo con las reglas de configuración regional. Se puede pasar argumentos a Pipes y cadenas. Angular también permite crear el Custom Pipe.

		+	=== Modulos ===
		+	Angular permite agrupar los componentes semejantes en modulos que después se pueden reutilizar en otra aplicación. Para crear un nuevo modulo se escribe en la consola:
		+
		+	<code>ng generate module nombre</code>

	== Instalar Angular ==		== Instalar Angular ==

← Revisión anterior		Revisión del 19:14 4 oct 2021
Línea 1:		Línea 1:
−	~~{{desarrollo}}~~
	{{Ficha Software		{{Ficha Software
	\|nombre=Angular		\|nombre=Angular