Preguntas etiquetadas con angular

Parte de mi código: import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // …

132 http  typescript  angular  observable 

ACTUALIZACIÓN: diciembre de 2018 (ver respuesta 'Aniket') Con Angular CLI 6 necesita usar constructores ya que ng eject está en desuso y pronto se eliminará en 8.0 ACTUALIZACIÓN: junio de 2018: Angular 6 no admite la expulsión de ng ** ACTUALIZACIÓN: febrero de 2017: use ng eject ACTUALIZACIÓN: noviembre de …

132 angular  webpack  angular-cli 

Soy nuevo en Angular2. He intentado crear un componente pero muestra un error. Este es el app.component.tsarchivo. import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector: 'my-app', template: ` <h1>Hello {{name}}</h1> <h4>Something</h4> <my-component></my-component> `, directives: [MyComponentComponent] }) export class AppComponent { name = 'Sam' } …

132 angular  typescript 

Esto parece fácil, pero no pude encontrar ninguna solución. Entonces, ¿cómo verifico si mi aplicación se está ejecutando en modo de producción o en modo de desarrollo?

131 angular  production 

Estoy trabajando en una Ionicaplicación ( 2.0.0-rc0) que depende de angular 2. Entonces ngModulesse incluye la nueva introducción de . Estoy agregando mi a app.module.ts.continuación. import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; …

131 angular  angular-components  angular-module 

Tengo un componente y un servicio: Componente: export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } Ejecutar fragmento de códigoHide resultsExpandir fragmento Servicio: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = …

131 angular  typescript  angular2-services 

Tenemos una aplicación empresarial que usa Angular 2 para el cliente. Cada uno de nuestros clientes tiene su propia URL única, por ejemplo, https://our.app.com/customer-oney https://our.app.com/customer-two. Actualmente podemos configurar <base href...>dinámicamente usando document.location. Así que el usuario toca https://our.app.com/customer-twoy <base href...>se prepara para /customer-two... ¡perfecto! El problema es que si el …

131 angular 

Usando angular-cli con el ng servecomando, ¿cómo puedo especificar un puerto predeterminado para que no tenga que pasar la --portbandera manualmente cada vez? Me gustaría cambiar el puerto predeterminado 4200.

130 angular  angular-cli 

Estoy tratando de hacer algunas cosas en Angular 2 Alpha 28, y tengo un problema con los diccionarios y NgFor. Tengo una interfaz en TypeScript que se ve así: interface Dictionary { [ index: string ]: string } En JavaScript, esto se traducirá en un objeto que con datos podría …

130 angular 

He creado un componente secundario que tiene un método que quiero invocar. Cuando invoco este método, solo activa la console.log()línea, ¿no establecerá la testpropiedad? A continuación se muestra la aplicación Angular de inicio rápido con mis cambios. Padre import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; …

130 angular  typescript  angular-components 

Soy un desarrollador de Angular 1 que está comenzando a aprender sobre Angular 2. Existen muchos tipos diferentes de métodos de estructura de carpetas según el material de capacitación. Voy a enumerar cada uno a continuación y me encantaría conocer las opiniones de las personas sobre cuáles debo usar y …

129 angular 

Sé que no soy el primero en preguntar sobre esto, pero no puedo encontrar una respuesta en las preguntas anteriores. Tengo esto en un componente <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> En el controlador rawLapsdatase muta de vez en cuando. En laps, los datos …

129 angular 

Estoy usando la versión final de Angular2 (2.1.0). Cuando quiero mostrar una lista de empresas, aparece este error. en file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; en file.component.html: <tbody> <tr *ngFor="let item …

129 angular  angular2-template 

En Angular Material Design 6, se eliminó el método (cambiar). No puedo encontrar cómo reemplazar el método de cambio para ejecutar el código en el componente cuando el usuario cambia la selección ¡Gracias!

129 angular  angular6 

Estoy tratando de encontrar algunos ejemplos sobre cómo hacer un diálogo modal de Confirmación en Angular 2.0. He estado usando el diálogo Bootstrap para Angular 1.0 y no pude encontrar ningún ejemplo en la web para Angular 2.0. También revisé documentos angulares 2.0 sin suerte. ¿Hay alguna manera de usar …

128 modal-dialog  angular