Perguntas com a marcação «angular»

Eu examinei as questões de JavaScript neste tópico, esta questão é especificamente sobre Angular2 com TypeScript. O que estou tentando fazer é concatenar os objetos json em uma matriz. Meu código se parece com isso, public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = data.next; }, …

93 arrays  typescript  angular 

Estou tentando iterar sobre um formArray em meu componente, mas recebo o seguinte erro Error: Cannot find control with unspecified name attribute Aqui está a aparência da lógica em meu arquivo de classe export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } …

93 loops  angular  angular2-forms 

Estou usando o onchange para salvar o valor do meu intervalo de entrada no firebase, mas tenho um erro que diz que minha função não está definida. esta é minha função saverange(){ this.Platform.ready().then(() => { this.rootRef.child("users").child(this.UserID).child('range').set(this.range) }) } este é meu html <ion-item> <ion-row> <ion-col>Rayon <span favorite><strong> {{range}} km</strong></span></ion-col> <ion-col><input …

93 angular 

Se eu tiver o seguinte botão em um arquivo html <button (click)="doSomething('testing', $event)">Do something</button> Além disso, no componente correspondente, tenho esta função doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } Existe um tipo adequado que deve ser atribuído à $evententrada? O parâmetro do evento em si …

93 javascript  typescript  angular 

A documentação do Angular informa que devo usar o --base-hrefparâmetro no build do aplicativo Angular para produção quando ele for implantado em uma subpasta do servidor: Se você copiar os arquivos em uma subpasta do servidor, anexe o sinalizador de compilação --base-hrefe defina o <base href>apropriado. Por exemplo, se index.htmlestiver …

93 angular  angular-cli 

Gostaria de implementar img, com um src vindo do objeto JSON. No AngularJS, eu poderia fazer: <img ng-src="{{hash}}" alt="Description" /> Existe algum equivalente a isso no Angular 2+?

92 angular 

Precisa de ajuda para entender o significado de {leia: ViewContainerRef} na declaração a seguir. @ViewChild('myname', {read: ViewContainerRef}) target;

92 angular 

Eu tenho um componente que chama um serviço para buscar dados de um ponto de extremidade RESTful. Este serviço precisa receber uma função de retorno de chamada para ser executado após a busca dos dados. O problema é que, quando tento usar a função de retorno de chamada para acrescentar …

92 javascript  arrays  typescript  angular 

Eu gerei um novo @Directive pelo Angular CLI, ele foi importado para o meu app.module.ts import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) e tento usar no meu componente (ChatWindowComponent) <p [appContenteditableModel] …

92 angular  typescript  directive 

Dado este código: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); Como posso obter todos os erros de validação de this.form? Estou escrevendo testes de unidade e desejo incluir os erros de validação reais na mensagem de declaração.

92 angular  typescript  validation 

Eu tenho uma forma reativa em Angular como abaixo: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …

92 angular  angular-reactive-forms  reactive 

Por algum motivo, preciso executar meu aplicativo no modo de produção. Qual é a diferença entre esses modos?

91 angular  development-environment  production-environment 

Estou tentando fazer uma solicitação POST, mas não consigo fazer isso 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())); }); } Basicamente, quero replicar essa solicitação http (não …

91 typescript  angular 

Estou tentando entender como usar Observáveis ​​no Angular 2. Tenho este serviço: import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() {} …

91 typescript  angular  rxjs  observable 

Ao veicular meu aplicativo com o CLI Angular, como desativo o recarregamento automático? ng --helpmenciona a --live-reloadopção, mas não consigo fazer funcionar. ng serve --live-reload=falseou ng serve --live-reload falsenão funciona EDITAR: parece ser um bug https://github.com/angular/angular-cli/issues/1755

91 angular  angular-cli