Preguntas etiquetadas con angular

Angular 2 proporciona @ViewChild, @ViewChildren, @ContentChildy @ContentChildrendecoradores para consultar elementos descendientes de un componente. ¿Cuál es la diferencia entre los dos primeros y los dos últimos?

189 angular 

Estamos tratando de construir nuestros propios componentes de campo de formulario en nuestra empresa. Estamos tratando de envolver los componentes del diseño de materiales de esta manera: campo: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> caja de texto: <field hint="hint"> <input matInput [placeholder]="placeholder" …

189 angular  angular-material2 

En mis meandros alrededor de la red mundial, y ahora especialmente en los documentos de estilo angular.io , encuentro muchas referencias a @HostBindingy @HostListener. Parece que son bastante fundamentales, pero desafortunadamente la documentación para ellos en este momento es un poco incompleta. ¿Alguien puede explicar qué son, cómo funcionan y …

188 angular  angular-services 

Angular 2 - Cómo navegar a otra ruta usando this.router.parent.navigate('/about'). No parece funcionar. Lo intenté location.go("/about");porque eso no funcionó. Básicamente, una vez que un usuario ha iniciado sesión, quiero redirigirlo a otra página. Aquí está mi código a continuación: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} …

186 angular  typescript  angular2-routing 

He estado viendo videos y leyendo artículos, pero este artículo específico me confunde mucho, al comienzo del artículo dice Las aplicaciones en Angular siguen una estructura modular. Las aplicaciones angulares contendrán muchos módulos, cada uno dedicado a un solo propósito. Por lo general, el módulo es un grupo de código …

186 angular  module  components 

Mirando el ejemplo del código angular2 , vemos algunas propiedades públicas con $ sign: <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> ¿Alguien puede explicar: ¿Por qué se usa $ (¿cuál es la razón detrás de …

185 angular 

¿Cómo puedo permitir el acceso fuera del localhost en Angular2? Puedo navegar localhost:3030/panelfácilmente pero no puedo navegar cuando escribo mi IP como 10.123.14.12:3030/panel/. ¿Podría por favor permitirme cómo solucionarlo? No estoy usando npm(gestión de proyecto de nodo - instalación de nodo / inicio de nodo) para instalar y ejecutar el …

184 angular  typescript  ng-build 

Estaba leyendo preguntas relacionadas y encontré esta , pero mi pregunta es cómo puedo cambiar del modo de desarrollo al modo de producción. Hay algunas diferencias entre los modos que se señalan aquí . En la consola puedo ver ....Call enableProdMode() to enable the production mode.Sin embargo, no estoy seguro …

182 angular 

Tengo una aplicación WebApi / MVC para la que estoy desarrollando un cliente angular2 (para reemplazar MVC). Tengo problemas para entender cómo Angular guarda un archivo. La solicitud está bien (funciona bien con MVC, y podemos registrar los datos recibidos) pero no puedo encontrar la manera de guardar los datos …

182 angular  typescript  download  fileapi 

¿Hay alguna forma de enviar datos como parámetro con router.navigate? Quiero decir, algo como este ejemplo, como puedes ver, la ruta tiene un parámetro de datos, pero al hacer esto no funciona: this.router.navigate(["heroes"], {some-data: "othrData"}) porque algunos datos no son un parámetro válido. ¿Cómo puedo hacer eso? No quiero enviar …

182 angular  routing  angular-router 

¿Cómo forzar la re-representación de un componente en Angular 2? Para fines de depuración que trabajen con Redux, me gustaría obligar a un componente a volver a representar su vista, ¿es eso posible?

181 angular  angular2-changedetection 

Aquí está mi código: import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if …

181 angular  http-headers  angular-httpclient 

Estoy usando angular 5.0.3, me gustaría iniciar mi aplicación con un montón de parámetros de consulta como /app?param1=hallo&param2=123. ¿Cada consejo dado en Cómo obtener parámetros de consulta de url en Angular 2? no funciona para mi ¿Alguna idea de cómo hacer funcionar los parámetros de consulta? private getQueryParameter(key: string): string …

181 angular  typescript  angular-routing 

¿Es posible tener un parámetro de ruta opcional en la ruta Angular 2? Probé la sintaxis Angular 1.x en RouteConfig pero recibí el siguiente error: "EXCEPCIÓN ORIGINAL: Ruta" / usuario /: id? "Contiene"? "Que no está permitido en una configuración de ruta". @RouteConfig([ { path: '/user/:id?', component: User, as: 'User' …

180 javascript  angular 

Estoy aprendiendo angular 2 y por primera vez estoy usando el proyecto CLI angular para crear un proyecto sandbox. Pude ejecutar el comando "ng serve" y funciona muy bien. Quería evitar que se ejecutara, así que ejecuté "Control Z". Cuando intenté ejecutar el comando "ng-serve" nuevamente, me dio "El puerto …

179 angular