Perguntas com a marcação «angular»

Qual é a diferença entre Promisee Observableem Angular? Um exemplo em cada um seria útil para entender os dois casos. Em que cenário podemos usar cada caso?

1397 angular  promise  rxjs  angular-promise  angular-observable 

Eu recebi o seguinte erro ao iniciar meu aplicativo Angular, mesmo que o componente não seja exibido. Eu tenho que comentar o <input>para que meu aplicativo funcione. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input …

1379 javascript  angular  typescript  input 

Angular fornece gancho de ciclo de vida ngOnInitpor padrão. Por que deve ngOnInitser usado, se já temos um constructor?

1075 angular  typescript  ngoninit 

Estou escrevendo um aplicativo Angular e tenho uma resposta HTML que quero exibir. Como faço isso? Se eu simplesmente usar a sintaxe de ligação, {{myVal}}ele codifica todos os caracteres HTML (é claro). Eu preciso de alguma forma vincular o innerHTMLde diva ao valor da variável.

840 angular  angular2-template  angular2-databinding 

A SITUAÇÃO: Por favor ajude! Estou tentando criar o que deve ser uma forma muito simples no meu aplicativo Angular2, mas não importa o que nunca funcione. VERSÃO ANGULAR: Angular 2.0.0 Rc5 O ERRO: Can't bind to 'formGroup' since it isn't a known property of 'form' O CÓDIGO: A vista: …

806 angular  typescript  angular2-forms 

Quando devo armazenar as Subscriptioninstâncias e chamar unsubscribe()durante o ciclo de vida do NgOnDestroy e quando posso simplesmente ignorá-las? Salvar todas as assinaturas introduz muita confusão no código do componente. O Guia do Cliente HTTP ignora assinaturas como esta: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => …

720 angular  rxjs  observable  subscription  angular-component-life-cycle 

Estou analisando os padrões de Angx RxJs e não entendo a diferença entre a BehaviorSubjecte an Observable. Pelo meu entendimento, a BehaviorSubjecté um valor que pode mudar com o tempo (pode ser assinado e os assinantes podem receber resultados atualizados). Esse parece ser exatamente o mesmo objetivo de um Observable. …

690 angular  rxjs  behaviorsubject  rxjs-observables 

Estou usando Angular e quero usar *ngIf else(disponível desde a versão 4) neste exemplo: <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> Como posso obter o mesmo comportamento ngIf else?

631 angular  if-statement  angular-template 

Eu queria iniciar um aplicativo simples olá mundo para Angular. Quando segui as instruções no início rápido oficial, a instalação criou 32.000 arquivos no meu projeto. Achei que fosse algum erro ou perdi alguma coisa, então decidi usar o angular-cli , mas depois de configurar o projeto, contei 41.000 arquivos. …

594 javascript  angular 

Eu tenho um ngForloop simples que também mantém o controle da corrente index. Quero armazenar esse indexvalor em um atributo para que eu possa imprimi-lo. Mas não consigo descobrir como isso funciona. Eu basicamente tenho isso: <ul *ngFor="#item of items; #i = index" data-index="#i"> <li>{{item}}</li> </ul> Eu quero armazenar o …

571 angular  ngfor 

Eu tenho vários elementos que quero que sejam visíveis sob certas condições. No AngularJS eu escreveria <div ng-show="myVar">stuff</div> Como posso fazer isso no Angular 2+?

570 angular  angular-components  angular-template 

O que há de errado com meu código angular? Estou obtendo: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

562 javascript  css  angular  angular-template  angular-ng-class 

Alguém sabe como se apossar de um elemento definido em um modelo de componente? O polímero facilita muito com o$ e $$. Eu só estava me perguntando como fazer isso no Angular. Veja o exemplo do tutorial: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : …

516 angular  typescript  angular-components 

Estou tendo um problema ao tentar usar o Angular *ngFore *ngIfno mesmo elemento. Ao tentar fazer um loop pela coleção no *ngFor, a coleção é vista como nulle, consequentemente, falha ao tentar acessar suas propriedades no modelo. @Component({ selector: 'shell', template: ` <h3>Shell</h3><button (click)="toggle()">Toggle!</button> <div *ngIf="show" *ngFor="let thing of stuff"> …

473 angular  ngfor  angular-ng-if 

Eu tenho um componente pai ( CategoryComponent ), um componente filho ( videoListComponent ) e um ApiService. Eu tenho a maior parte deste trabalho bem, ou seja, cada componente pode acessar o json api e obter seus dados relevantes através de observáveis. Atualmente, o componente da lista de vídeos obtém …

471 angular  angular2-changedetection