Perguntas com a marcação «angular»

Eu tenho um conjunto de componentes de uma única célula dentro de um ng-forloop. Eu tenho tudo no lugar, mas não consigo descobrir o adequado Atualmente eu tenho setTimeout(() => { scrollToBottom(); }); Mas isso não funciona o tempo todo, pois as imagens empurram a janela de visualização para baixo …

111 scroll  typescript  angular 

Estou escrevendo um serviço Angular 2 em TypeScript que fará uso de localstorage. Quero injetar uma referência para o navegador windowobjeto em meu serviço desde que eu não quero fazer referência a quaisquer variáveis globais como 1.x angular $window. Como faço isso?

111 angular  typescript  dependency-injection 

No momento, estou usando o Angular 2. Normalmente usamos @Output() addTab = new EventEmitter<any>();e addTab.emit()para emitir um evento para o componente pai. Existe alguma maneira de fazermos vice-cersa, de pai para filho?

111 angular  typescript 

Fizemos uma configuração de projeto angular2 e dentro dele criamos um módulo (my-module) e dentro desse módulo criamos um componente (my-new-component) usando os seguintes comandos cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Depois de criar a configuração e todos os componentes, executamos o …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

Quais são as diferenças entre os dois e quais são os casos de uso de cada um? Os documentos não são exatamente úteis: forRoot cria um módulo que contém todas as diretivas, as rotas fornecidas e o próprio serviço do roteador. forChild cria um módulo que contém todas as diretivas …

111 angular  router 

Eu estava me referindo esta documentação e me deparei com o conceito de compilação. Pode-se usar a compilação JIT ou AOT. No entanto, achei muito breve e preciso saber os seguintes pontos em detalhes, Diferenças entre essas duas técnicas Recomendação sobre quando usar o quê

111 angular  compilation 

Preciso executar ng servesempre que houver alterações feitas nos arquivos de origem. Não tenho erro no console. Angular CLI: 1.6.2 Node: 8.9.1 OS: linux ia32 Angular: 5.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cdk: 5.0.2-c3d7cd9 @angular/cli: 1.6.2 @angular/material: 5.0.3-e20d8f0 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: …

110 angular 

Eu tenho um serviço que retorna um observável que faz uma solicitação http ao meu servidor e obtém os dados. Quero usar esses dados mas sempre acabo conseguindo undefined. Qual é o problema? Serviço : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = …

110 javascript  angular  asynchronous  typescript  observable 

Estou no RC4 e estou recebendo o erro Não há diretiva com "exportAs" definida como "ngForm" por causa do meu modelo: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> o …

109 angular  typescript  angular2-forms 

Estou procurando uma maneira de vincular uma função a minha página inteira (quando um usuário pressiona uma tecla, quero que ela acione uma função em meu component.ts) Foi fácil no AngularJS com um, ng-keypressmas não funciona (keypress)="handleInput($event)". Eu tentei com um invólucro div em toda a página, mas não parece …

109 typescript  angular  keypress  key-bindings 

Desde a atualização para o último candidato a lançamento do Angular 2, minhas imgtags: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> estão gerando um erro do navegador: EXCEÇÃO ORIGINAL: Erro: valor inseguro usado em um contexto de URL de recurso O valor do url é: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg EDITAR: Tentei a sugestão feita na outra …

109 angular 

Pipes são filtros para transformar dados (formatos) no modelo. Me deparei com a pipe()função abaixo. O que essa pipe()função significa exatamente neste caso? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

Estou usando o Material 2 para adicionar md-raised-button. Desejo aplicar esta diretiva apenas se certa condição se tornar verdadeira. Por exemplo: <button md-raised-button="true"></button> Outro exemplo: criei uma forma reativa dinâmica básica no plunker. Estou usando uma formArrayNamediretiva de forma reativa para uma série de controles. Quero aplicar a formArrayNamediretiva apenas …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Eu tenho um mat-select onde as opções são todos os objetos definidos em uma matriz. Estou tentando definir o valor padrão para uma das opções, no entanto, ele está sendo deixado selecionado quando a página é renderizada. Meu arquivo datilografado contém: public options2 = [ {"id": 1, "name": "a"}, {"id": …

109 angular  typescript  angular-material2 

A herança de dados pai-filho ng-2 tem sido uma dificuldade para mim. O que parece ser uma solução prática de bom funcionamento é filtrar meu array total de dados em um array que consiste apenas em dados filho referenciados por um único id pai. Em outras palavras: a herança de …

108 arrays  filter  typescript  angular