Perguntas com a marcação «angular»

FormGroup : Um FormGroup agrega os valores de cada FormControl filho em um objeto, com cada nome de controle como a chave. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : Um FormArray agrega os valores de cada FormControl filho em uma matriz. const …

91 angular  angular2-forms  angular-reactive-forms 

O que há de errado com o código a seguir? Aconteceu comigo quando tentei atribuir uma expressão a um elemento, <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" > {{MY_PREC}} </div> também tentei como [aria-valuenow]={{MY_PREC}} Parece que isso acontece desde RC5 alguma ideia?

91 angular 

Recentemente, comecei a usar o angular 4 em vez do angular.js 1. Eu segui o tutorial dos heróis para aprender sobre os fundamentos do angular 4 e atualmente estou usando o próprio "RouterModule" do angular do pacote "@ angular / router". A fim de implementar alguma autorização para meu aplicativo, …

91 angular 

Esta é a aparência da minha tag de entrada: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Desejo redefinir o arquivo selecionado no Angular 2. Agradecemos a ajuda. Deixe-me saber se você precisar de mais detalhes. PS Eu poderia obter detalhes do arquivo de $eventparâmetros e salvá-los em uma variável de …

91 angular 

Em meu projeto Angular 2, faço chamadas de API de serviços que retornam um Observable. O código de chamada então se inscreve neste observável. Por exemplo: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Digamos que o servidor retorne um 401. Como posso detectar esse erro globalmente e redirecionar para …

90 angular 

No angular 2 document, * e template , sabemos que * ngIf, * ngSwitch, * ngFor pode ser expandido para a tag ng-template. Minha pergunta é: Acho que ngIfou ngForsem *também pode ser traduzido e expandido para tag de modelo pelo motor angular. O seguinte código <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> seria …

90 javascript  angular  angular-directive 

Estou tentando testar meu resolvedor de rotas e, durante o teste, não tenho TypeError: ctor is not a constructorideia de por que isso aconteceu enquanto o texto digitado é compilado sem erros. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) …

90 angular  karma-runner  angular-routing 

Consultado em https://angular.io/docs/ts/latest/guide/displaying-data.html e empilhar Como verificar o objeto vazio no modelo angular 2 usando * ngIf ainda obtendo erro de sintaxe contexto próprio indefinido. Se eu remover a condição * ngIf, estou obtendo valores em teamMembers se inserir algum valor nela para que possa acessar os valores em teamMembers. …

90 angular  angular2-template 

Extraí um código de modelo de amostra deste tutorial e executei as duas etapas abaixo para começar - npm install // worked fine and created node_modules folder with all dependencies npm start // falhou com o erro abaixo- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of …

89 angular  typescript  rxjs 

Como posso criar um componente personalizado que funcione como uma <input>tag nativa ? Quero fazer com que meu controle de formulário personalizado seja capaz de oferecer suporte a ngControl, ngForm, [(ngModel)]. Pelo que entendi, preciso implementar algumas interfaces para fazer meu próprio controle de formulário funcionar como o nativo. Além …

89 typescript  angular 

Aqui está um exemplo de modelo: <input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> <input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> Aqui, os dois fazem a mesma coisa. Qual é o preferido e por quê?

89 angular  angular-ngmodel 

Como posso alterar o código do Angular Material abaixo, para que a tabela de dados seja classificada pela coluna 'nome', em ordem crescente por padrão. A seta (indicando a direção da classificação atual) deve ser exibida. Isso é o que eu quero alcançar: Código original: <table matSort (matSortChange)="sortData($event)"> <tr> <th …

89 angular  angular-material 

Quero injetar um serviço em uma classe que não seja um componente . Por exemplo: Myservice import {Injectable} from '@angular/core'; @Injectable() export class myService { dosomething() { // implementation } } Minha classe import { myService } from './myService' export class MyClass { constructor(private myservice:myService) { } test() { this.myservice.dosomething(); …

88 angular  typescript 

Eu tenho esse evento de clique <button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> Estou capturando o evento em meu parâmetro de entrada de função e quero saber exatamente qual botão foi clicado. toggle(event) { } mas eventnão tem uma idpropriedade. altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: …

88 angular 

Tenho uma pergunta em relação ao material angular (com Angular 4+). Digamos que em meu modelo de componente eu adicione um <mat-horizontal-stepper>componente e, em cada etapa <mat-step>, tenha botões de passo para navegar no componente. Igual a... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> …

88 angular  angular-material  angular-material2