Articles of Mecanografiado

LocalStorage no está definido (Angular Universal)

Estoy usando universal-starter como columna vertebral. Cuando mi cliente comienza, lee un token sobre la información del usuario de localStorage. @Injectable() export class UserService { foo() {} bar() {} loadCurrentUser() { const token = localStorage.getItem(‘token’); // do other things }; } Todo funciona bien, sin embargo, obtuve esto en el lado del servidor (terminal) debido […]

Cómo colocar un componente dynamic en un contenedor

Quiero crear componentes dynamics e insertar vistas de estos componentes en un contenedor. Creo que esto se puede lograr con ViewContainerRef . Pero no sé, ¿podemos obtener ViewContainerRef de cualquier componente? ¿Si es así, entonces cómo?. Soy nuevo en Angular, si hay otras buenas soluciones disponibles para manejar este escenario, por favor sugiérame. Actualizado Creo […]

Cómo implementar SignIn con Google en Angular 2 usando Typescript

He intentado implementar el inicio de sesión con Google en angular 2 en un componente de inicio de sesión por separado. No puedo implementarlo con la documentación disponible en Google https://developers.google.com/identity/sign-in/web/sign-in El inicio de sesión de Google funciona cuando declaro las tags de script y la función de callback de google dentro de mi archivo […]

Angular 2 Mostrar y ocultar un elemento

Tengo un problema para ocultar y mostrar un elemento que depende de una variable booleana en Angular 2. este es el código para que el div muestre y oculte: List Saved! Your changes has been saved. la variable está “editada” y está almacenada en mi componente: export class AppComponent implements OnInit{ (…) public edited = […]

bootstrap angular2 con datos de llamada (s) ajax

Quiero iniciar mi aplicación con datos que estoy recuperando de un servicio. Estoy haciendo algo en la línea de let dependencies = [ //… a load of dependencies MyService ]; let injector = Injector.resolveAndCreate(dependencies); let service: MyService = injector.get(MyService); service.getData() // returns observable .toPromise() .then((d) => { // use data to append to dependencies bootstrap(App, […]

Angular2 – Http POST parámetros de solicitud

Estoy tratando de hacer una solicitud POST, pero no puedo hacerlo funcionar: testRequest() { var body = ‘username=myusername?password=mypassword’; var headers = new Headers(); headers.append(‘Content-Type’, ‘application/x-www-form-urlencoded’); this.http .post(‘/api’, body, { headers: headers }) .subscribe(data => { alert(‘ok’); }, error => { console.log(JSON.stringify(error.json())); }); } Básicamente quiero replicar esta solicitud http (no ajax) como si hubiera sido […]

Cómo usar select / option / NgFor en una matriz de objetos en Angular2

Tengo problemas para crear una selección en Angular2 respaldada por una matriz de Objetos en lugar de cadenas. Sabía cómo hacerlo en AngularJS usando ngOptions , pero parece que no funciona en Angular2 (estoy usando alpha 42). En el ejemplo siguiente, tengo cuatro selecciones, pero solo dos de ellas funcionan. ‘Seleccionar cadena’ es una selección […]

Función de callback angular al componente secundario como @Input

AngularJS tiene los parámetros y donde se puede pasar una callback a una directiva (por ejemplo, la forma en que AngularJ es de callback . ¿Es posible pasar una callback como @Input para un Componente Angular (algo así como a continuación)? De lo contrario, ¿qué sería lo más cercano? a lo que AngularJS hace? @Component({ […]

Angular2 maneja la respuesta http

Solo tengo una pregunta sobre la estructuración y el manejo de las respuestas de las solicitudes http dentro de un servicio. Estoy usando Angular2.alpha46 Typescript (Acabo de comenzar a probarlo, que me encanta … Ps. Gracias a todas las personas que han estado trabajando en ello y han contribuido a través de github) Entonces tome […]

Cómo inyectar el documento en el servicio angular 2

Tengo una aplicación Angular2. Para burlar el objeto Document en pruebas, me gustaría inyectarlo al servicio como: import { Document } from ‘??’ @Injectable() export class MyService { constructor(document: Document) {} } El servicio de Title de angular usa el getDOM() interno getDOM() : https://github.com/angular/angular/blob/master/modules/%40angular/platform-browser/src/browser/title.ts ¿Hay alguna forma simple de inyectar el documento al servicio? […]