Preguntas etiquetadas con angular

Quiero lanzar un error del operador de mapa de mi observable basado en una condición. Por ejemplo, si no se reciben los datos de API correctos. Consulte el siguiente código: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( …

93 angular  typescript  rxjs 

He instalado Material para angular, He importado en mi módulo de aplicación MatIconModule (con import { MatIconModule } from '@angular/material/icon';) Lo agregué debajo de mis importaciones de ngmodule con: @NgModule({ imports: [ //... MatIconModule, //... He importado todas las hojas de estilo Y también lo importé en el componente de …

93 angular  angular-material  angular-material2 

Me gustaría implementar img, con un src proveniente del objeto JSON. En AngularJS, podría hacer: <img ng-src="{{hash}}" alt="Description" /> ¿Hay algún equivalente a esto en Angular 2+?

92 angular 

Pregunta Con fines de prueba, estoy creando Observableobjetos que reemplazan el observable que sería devuelto por una llamada http real con Http. Mi observable se crea con el siguiente código: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); El caso es que este observable se emite de inmediato. …

92 angular  typescript  observable 

Estoy tratando de iterar sobre un formArray en mi componente pero obtengo el siguiente error Error: Cannot find control with unspecified name attribute Así es como se ve la lógica en mi archivo de clase export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) …

92 loops  angular  angular2-forms 

Genere un nuevo @Directive por Angular CLI, lo importé a mi app.module.ts import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) y trato de usar en mi componente (ChatWindowComponent) <p [appContenteditableModel] > Write …

92 angular  typescript  directive 

Supongamos que tengo un componente: @Component({ selector: 'MyContainer', template: ` <div class="container"> <!-- some html skipped --> <ng-content></ng-content> <span *ngIf="????">Display this if ng-content is empty!</span> <!-- some html skipped --> </div>` }) export class MyContainer { } Ahora, me gustaría mostrar contenido predeterminado si <ng-content>este componente está vacío. ¿Existe una …

92 javascript  angular 

He configurado el código angular en mi máquina local. Necesito saber la versión del angular que estoy usando en el proyecto. ¿Cómo puedo encontrarlo fácilmente en el indicador de cmd?

92 javascript  angular 

Tengo en mi componente un EventEmitterpero no puedo compilarlo porque devuelve el error: Supplied parameters do not match any signature of call target Mi componente: @Output() addModel = new EventEmitter<any>(); saveModel($event, make, name) { this.addModel.emit(make, name); } Si elimino uno de los parámetros en this.addModel.emit()él, funciona, pero entonces: ¿Puedo pasar …

92 angular  eventemitter 

Por alguna razón, tengo que ejecutar mi aplicación en modo de producción. ¿Cuál es la diferencia entre esos modos?

91 angular  development-environment  production-environment 

Estoy tratando de hacer una solicitud POST pero no puedo hacer que funcione: 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 …

91 typescript  angular 

He revisado las preguntas de JavaScript sobre este tema, esta pregunta es específicamente sobre Angular2 con TypeScript. Lo que estoy tratando de hacer es concatenar los objetos json en una matriz. Mi código se parece a esto, public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = …

91 arrays  typescript  angular 

Estoy usando onchange para guardar el valor de mi rango de entrada en firebase, pero tengo un error que dice que mi función no está definida. esta es mi función saverange(){ this.Platform.ready().then(() => { this.rootRef.child("users").child(this.UserID).child('range').set(this.range) }) } este es mi html <ion-item> <ion-row> <ion-col>Rayon <span favorite><strong> {{range}} km</strong></span></ion-col> <ion-col><input type="range" …

91 angular 

¿Qué pasa con el siguiente código? Me pasó cuando intenté asignar una expresión a un elemento, <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" > {{MY_PREC}} </div> también probado como [aria-valuenow]={{MY_PREC}} Parece que pasa desde RC5 ¿algunas ideas?

91 angular 

Al entregar mi aplicación con Angular cli, ¿cómo desactivo la recarga automática? ng --helpmenciona la --live-reloadopción, pero no puedo hacer que funcione. ng serve --live-reload=falseo ng serve --live-reload falseno funciona EDITAR: parece ser un error https://github.com/angular/angular-cli/issues/1755

91 angular  angular-cli