Perguntas com a marcação «angular»

Angular 2 proporciona @ViewChild, @ViewChildren, @ContentChilde @ContentChildrendecoradores para consultar elementos descendentes de um componente. Qual é a diferença entre os dois primeiros e os dois últimos?

189 angular 

Nos meus meandros pela interweb mundial, e agora especialmente nos documentos do estilo angular.io , encontro muitas referências a @HostBindinge @HostListener. Parece que são fundamentais, mas infelizmente a documentação para eles no momento é um pouco superficial. Alguém pode explicar o que são, como eles funcionam e dar um exemplo …

188 angular  angular-services 

Angular 2 - Como navegar para outra rota usando this.router.parent.navigate('/about'). Parece não funcionar. Eu tentei location.go("/about");como isso não funcionou. Basicamente, quando um usuário faz login, quero redirecioná-lo para outra página. Aqui está o meu código abaixo: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import …

186 angular  typescript  angular2-routing 

Estive assistindo a vídeos e lendo artigos, mas este artigo específico me deixa tão confusa, no início do artigo diz As aplicações em Angular seguem a estrutura modular. Os aplicativos Angular conterão muitos módulos, cada um dedicado a uma única finalidade. Normalmente, o módulo é um grupo coeso de código …

186 angular  module  components 

Olhando para o exemplo de código angular2 , vemos algumas propriedades públicas com o sinal $: <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> Alguém pode explicar: por que $ é usado (qual é a razão …

185 angular 

Estamos tentando construir nossos próprios componentes de campo de formulário em nossa empresa. Estamos tentando envolver os componentes do design de material como este: campo: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> caixa de texto: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" …

185 angular  angular-material2 

Como posso permitir acesso fora do host local no Angular2? Posso navegar localhost:3030/panelfacilmente, mas não consigo navegar quando escrevo meu IP, como 10.123.14.12:3030/panel/. Você poderia me permitir como consertar? Não estou usando npm(gerenciamento do projeto do nó - instalação do nó / início do nó) para instalar e executar o …

184 angular  typescript  ng-build 

Eu estava lendo perguntas relacionadas e encontrei essa , mas minha pergunta é como alternar do modo de desenvolvimento para o modo de produção. Existem algumas diferenças entre os modos que são apontados aqui . No console, eu posso ver. ....Call enableProdMode() to enable the production mode.No entanto, não tenho …

182 angular 

Como forçar a re-renderização de um componente no Angular 2? Para propósitos de depuração trabalhando com o Redux, eu gostaria de forçar um componente a renderizar novamente sua visualização, isso é possível?

181 angular  angular2-changedetection 

Aqui está o meu código: import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { …

181 angular  http-headers  angular-httpclient 

Eu tenho um aplicativo WebApi / MVC para o qual estou desenvolvendo um cliente angular2 (para substituir o MVC). Estou tendo alguns problemas para entender como o Angular salva um arquivo. A solicitação está ok (funciona bem com o MVC, e podemos registrar os dados recebidos), mas não consigo descobrir …

181 angular  typescript  download  fileapi 

Existe alguma maneira de enviar dados como parâmetro com router.navigate? Quero dizer, algo como este exemplo, como você pode ver a rota tem um parâmetro de dados, mas fazer isso não está funcionando: this.router.navigate(["heroes"], {some-data: "othrData"}) porque some-data não é um parâmetro válido. Como eu posso fazer isso? Não quero …

181 angular  routing  angular-router 

É possível ter um parâmetro de rota opcional na rota Angular 2? Eu tentei a sintaxe Angular 1.x no RouteConfig, mas recebi o erro abaixo: "EXCEÇÃO ORIGINAL: Caminho" / user /: id? "Contém"? ", O que não é permitido em uma configuração de rota." @RouteConfig([ { path: '/user/:id?', component: User, …

180 javascript  angular 

Estou usando o angular 5.0.3, gostaria de iniciar meu aplicativo com vários parâmetros de consulta como /app?param1=hallo&param2=123. Todas as dicas fornecidas em Como obter parâmetros de consulta a partir do URL no Angular 2? Nao funciona para mim. Alguma idéia de como os parâmetros de consulta funcionam? private getQueryParameter(key: string): …

180 angular  typescript  angular-routing 

Estou aprendendo angular 2 e, pela primeira vez, estou usando o projeto CLI angular para criar um projeto sandbox. Consegui executar o comando "ng serve" e funciona muito bem. Eu queria impedir que ele rodasse, então executei o "Control Z". Quando tentei executar o comando "ng-serve" novamente, obtive-me "A porta …

179 angular