¿Es necesario inicializar un objecto en angular?

publicado por: Anonymous Tengo una clase externa export class como template para un objeto. export class Car{ name: Boolean; other: { prize: String; brand: String; }; doors: { number: String, size: String, }; } Intento acceder a ella desde otra clase, por lo que he creado una nueva variable var car= new Car(); Como name…(Continue Reading)

Uso de TemplateRef para abrir Modal

publicado por: Anonymous Buenas. Actualmente tengo una serie de botones que realizan una serie de acciones. Un sistema CRUD vaya. Quiero añadir ventanas modales en algunos de ellos, por ejemplo a la hora de borrar que aparezca un modal de confirmación antes y en función de la respuesta continuar o no con la llamada a…(Continue Reading)

Formato Currency en un input de Angular2

publicado por: Anonymous Cuando queremos formatear como moneda una etiqueta en Angular2 usamos el Pipe Currency: <p>{{cantidad | currency}}</p> Eso funciona a la perfección, pero si lo que queremos es que el usuario meta una cantidad de dinero en un input, ¿cómo hacemos para que se formatee correctamente? Lo que querría es algo como esto…(Continue Reading)

¿Borrar un registro en angular 5 pasando el user_id?

publicado por: Anonymous quiero borrar un registro pasandole el user id utilizando httpclient mi api desde postman le paso el 1 como parametro y me borra el registro pero en angular nose este es mi codigo import { Component, OnInit } from ‘@angular/core’; import { Http } from ‘@angular/http’ import { HttpClient } from ‘@angular/common/http’;…(Continue Reading)

¿Cómo usar jQuery en Angular 2?

publicado por: Anonymous ¿Cuál es la forma correcta de utilizar jQuery en Angular 2? Por ejemplo para inicializar elementos de materialize o bootstrap como pushpin $(document).ready(function(){ $(‘.tabs-wrapper .row’).pushpin({ top: $(‘.tabs-wrapper’).offset().top }); }); solución Usar jQuery de Angular2 es una brisa en comparación con ng1. Si está utilizando TypeScript, puede hacer referencia a la definición de…(Continue Reading)

Validar campo dependiendo del valor de otro Angular

publicado por: Anonymous solicito de su colaboración para que me indique como puedo validar un campo de texto que depende del valor seleccionado en un Radio button; realmente lo que necesito es activar el campo observaciones solamente si se selecciona la opcion 4, pero el formulario lo muetra como invalido. Class Class export class AppComponent…(Continue Reading)

NgFor only supports binding to Iterables such as Arrays

publicado por: Anonymous Buenos días, soy nuevo en Angular2 y tengo ciertos problemas con el uso de los Observables y componentes ERROR a solucionar ERROR Error: Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays Tengo un servicio REST que me devuelve un JSON…(Continue Reading)

Leer múltiples archivos csv con FileReader en angular 2

publicado por: user28220 Estoy haciendo un programa con angular 2 y typescript que lee archivos csv del cliente y realiza cálculos y gráficos con los datos. He conseguido leer un archivo correctamente, pero al ingresar el modo múltiple del input file y tratar de recoger dos archivos, me atasco y no encuentro ninguna solución. Tengo…(Continue Reading)

Invalid CORS request Angular 2

publicado por: Anonymous Buenas, Ando algo desesperado porque soy incapaz de realizar un UPDATE mediante una API. La petición me da un error: 403 por Invalid CORS request. Mi servicio: private urlApi= ‘http://localhost:8080/api’; updateIt(id: string, lang: string, body: Object) { let bodyString = JSON.stringify(body); let headers = new Headers({ ‘Accept’: ‘*/*’ }); let options =…(Continue Reading)

No me carga componente Angular2 Tour Of Heroes

publicado por: Anonymous Buenas, hace poco comencé a programar y empece el tutorial de AngularJs(2). Estaba haciendo el tutorial del Tour de heroes de la documentacion oficial pero no me carga el componente y se queda la pantalla en Loading. app.component.ts import { Component, OnInit } from ‘@angular/core’; import { Hero } from ‘./hero’; import…(Continue Reading)

¿Cómo eliminar una page en Ionic 2?

publicado por: Anonymous He eliminado una page en ionic 2 pero me sale un error. ¿Cómo puedo hacer para que se actualice el build/main.js Error: Cannot find module “../address/address” at v (http://localhost:8100/build/polyfills.js:3:4864) at Object.<anonymous> (http://localhost:8100/build/main.js:82709:7) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.<anonymous> (http://localhost:8100/build/main.js:82792:75) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.<anonymous> (http://localhost:8100/build/main.js:100516:75) at __webpack_require__ (http://localhost:8100/build/main.js:20:30) at Object.<anonymous> (http://localhost:8100/build/main.js:123745:70) at __webpack_require__…(Continue Reading)

Diferencia entre el constructor y ngOnInit en Angular2

publicado por: Anonymous He estado viendo la documentación de angular 2 sobre los Lifecycle pero no me queda claro. ¿Cual es la diferencia entre el constructor y ngOnInit? solución El constructor se usa para tareas más ligeras. ngOnInit es un hook especial destinado a tareas más “pesadas”, como traer los datos del provider o cosas…(Continue Reading)

¿Cómo guardo los valores de un observable en un array?

publicado por: Anonymous Necesito hacer un search bar para mi aplicación pero la lista que creo la obtengo de un servicio que lo guarda en un observable y no sé como obtener los datos para llamar a los métodos de la search bar (a lo mejor guardando en un array los nombres). El Json que…(Continue Reading)

No reconoce comando ng

publicado por: Anonymous He instalado angular-cli y aun así no me funciona este comando, que puede ser o como lo puedo agregar. solución Al parecer te falta configurar las variables de entorno, debería ser la ruta C:UsersTuUsuarioAppDataRoamingnpm Y también angular-clibin Prueba una vez que hayas configurado estas variables reiniciar tu equipo. Si ya tienes todo…(Continue Reading)

Error al crear un nuevo proyecto Angular con Angular-Cli

publicado por: Anonymous Buenas estoy intentando crear un nuevo proyecto siguiendo el manual de Angular usando Angular-Cli. Tengo instalado Node 6.10.0 y npm 3.10.10 en Windows 10 primero instalé angular cli con el comando: npm install -g @angular/cli que se completo sin errores pero al ejecutar el comando para crear el proyecto(ng new my-app) recibo…(Continue Reading)

Error ‘X-Frame-Options’ to ‘SAMEORIGIN’ ionic2

publicado por: Anonymous estoy insertando un iframe en ionic2 importadon desde una url de una pagina he probado unos si me salen y con youtube tambiem pero como el de google o la preincipal que tengo que colocar http://soporte.estadisticassena.com/edis/www/engenn11le04ob08/ no me deja sale este error: Refused to display ‘http://soporte.estadisticassena.com/edis/www/engenn11le04ob08/’ in a frame because it set…(Continue Reading)

Angular 2 Persistir Menú durante la sesión

publicado por: Anonymous Cordial saludo, soy desarrollador que viene del mundo de webforms, allí se tenia un objeto que podría grabarse en la sesion del usuario, yo normalmente guardaba allí los datos del usuario y ademas el menú, para no tener que volver a consultarlo todo el tiempo. existe alguna manera de hacer algo similar…(Continue Reading)

¿Como pasar parametros en las cabeceras – Headers Angular 4?

publicado por: Anonymous Angular 4 Saludos comunidad, estoy intentando pasar unos parametros por las cabeceras en una petición post pero me genera error, me dice que no se esta enviando los parametros en le headers, alguien sabe que estoy haciendo mal? registerHome(user_to_registerHome){ let params = JSON.stringify(user_to_registerHome); let headers = new Headers({‘Content-Type’: ‘application/json; charset=utf-8;’},{‘token’:this.getToken}); return this._http.post(this.url+’consolaseguridad-service/createUser’,…(Continue Reading)

Calcular edad a partir de una fecha

publicado por: Anonymous ¿Cómo puedo calcular la edad a partir de una fecha? Este es mi código, al ejecutarlo me sale undefined en el campo que quiero que aparezca la edad. <div class=”row”> <div class=”small-6 columns”> <label>Edad</label> </div> <div class=”small-2 columns”> <input readonly type=”text” [value]=”CalculateAge()”> </div> </div> import { Component, OnInit, Input } from ‘@angular/core’;…(Continue Reading)

Como puedo exportar una funcion de un componente a otro? ANGULAR 2/4

publicado por: Anonymous Buenas stackeros!, He aprendido ha usar el Output()/Input() en Angular 2/4, y mientras practicaba, me ha dado la casualistica de que necesitaba exportar (Output) una funcion que ya tenia creada en un componente, y importarla (Input) a otra. Sabeis alguna forma de hacerlo?, lo he estado buscando pero no encuentro nada, o…(Continue Reading)

Angular-Cli limpiar cache

publicado por: Anonymous Estoy haciendo cambios en un proyecto generado con angular-cli pero al parecer quedo colgado algun archivo en cache y node no se da cuenta y me sigue enviando un mensaje de error ERROR in D:/Workspace/NodeJs/TrackEditor/src/app/pages/pages/pages.component.ts (6,5): Argument of type ‘{ selector: string; templateUrl: string; stylesUrl: string[]; }’ is not assignable to parameter…(Continue Reading)

Tener acceso a archivos externos en Angular 2

publicado por: Anonymous He creado un proyecto en Angular 2 dentro de un proyecto JavaScript. Necesito utilizar datos y objetos, dentro de esta aplicación de Angular, que se encuentran en archivos externos y no se pueden mover de allí. Al hacer uso del comando del CLI ng serve y crear mi App en http://localhost:4200/ los…(Continue Reading)

¿Como pasar token con angular 5 y httpclient?

publicado por: Anonymous Necesito pasar el token que me viene de la base de datos para que laravel me deje entrar al contenido. Aquí dejo mi código import { Component } from ‘@angular/core’; import {HttpClient} from ‘@angular/common/http’; import {SessionStorageService} from ‘ngx-webstorage’; import { Router } from ‘@angular/router’; import { NgForm } from ‘@angular/forms’; public sesion…(Continue Reading)

¿Como selecionar un elemento html por el id desde el ts con Ionic?

publicado por: Anonymous Necesito seleccionar la instancia de un elemento html por su id desde el ts de una page de ionic, ¿como haga esto? solución Yo NO usaría un selector por ID, usaría un selector por referencia, pero te dejo los dos en caso de que tengas tus razones para hacerlo de una u…(Continue Reading)

¿Cómo capturar un error en una petición HTTP en Angular2 antes que se subscriba?

publicado por: Anonymous Actualmente tengo servicios que mapean (preprocesan) peticiones http devueltas por un Servidor, un ejemplo de un servicio seria el siguiente: @Injectable() export class MyServicioSerivce { private baseUrl: string; constructor(private http: Http) { this.baseUrl = ‘http://my-api-rest.dot.com’; // url ficticia para el ejemplo } public traerArticulos() { const headers = new Headers({ ‘Content-Type’: ‘application/json’,…(Continue Reading)

Angular2 Modulo Http subir archivo soporte FormData

publicado por: Anonymous Estoy necesitando subir un archivo en angular 2 pero sin tener que convertirlo a base64 y mandarlo como string, alguno sabe si la librería angular/http soporta FormData para poder subir un archivo, si no es así, que otra alternativa tengo. Saludos solución Al final logre dar con la solución de como enviar…(Continue Reading)

filtrar resultados por rango de fechas Angular Material

publicado por: Anonymous Buenas, a ver si me podeis ayudar que estoy yo muy verde con Angular Material tengo una tabla con N registros y estoy intentando hacer un filtro por un rango de fechas. tengo un select con las opciones (1 dia, 5 días, 1 semana, 15 días), los cuales se cargan con una…(Continue Reading)

¿ Cómo insertar un valor a un ?

publicado por: Anonymous He probado a poner <ion-input type=”text” [(ngModel)]=”book.name” name=”name” value=”{{selectedItem.title}}”></ion-input> pero no lo añade. También he probado con <ion-input type=”text” [(ngModel)]=”book.name” name=”name”>{{selectedItem.title}}</ion-input> pero ocurre lo mismo solución 1.- Usas FormBuilder: en donde puedes declarar con qué valor inicia tu forma y las validaciones se hacen en el componente. this.myForm = formBuilder.group({ firstName: [‘value’],…(Continue Reading)

Cambiar estilo componente angular-cli

publicado por: Anonymous Como puedo cambiar el estilo a un componente, utilizando angular material, estoy haciendo el cambio a la directiva directamente, pero no lo toma…? home.component.html <md-card> <app-home></app-home> </md-card> home.component.css md-card { max-width: 60px; margin: 0 auto; } solución Cuando Angular 2 compila los estilos dentro del componente al que está vinculado también la…(Continue Reading)