Eu tenho vários testes com falha que apenas produzem [object ErrorEvent] thrown. Não vejo nada no console que me ajude a identificar o código ofensivo. Há algo que eu preciso fazer para rastreá-los? [EDIT]: Estou executando o Karma v1.70, Jasmine
Digamos que eu tenha um componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent {...
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 dados torna-se a...
No meu componente Angular 2, tenho uma matriz observável list$: Observable<any[]>; No meu modelo eu tenho <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li>...
<div> <input #ipt type="text"/> </div> É possível acessar a variável de acesso do modelo da classe do componente? ou seja, posso acessá-lo aqui, class XComponent{ somefunction(){ //Can I access #ipt here?
Estou trabalhando em um aplicativo front-end com Angular 5 e preciso ocultar uma caixa de pesquisa, mas, ao clicar em um botão, a caixa de pesquisa deve ser exibida e focada. Eu tentei algumas maneiras encontradas no StackOverflow com diretiva ou algo assim, mas não consegui. Aqui está o...
Estou tentando fazer a mat-tableclassificação funcionar localmente e, embora possa fazer com que os dados sejam exibidos conforme o esperado, clicar na linha do cabeçalho não faz a classificação como nos exemplos online (nada acontece). Estou tentando fazer com que esta demonstração funcione...
Posso usar ngIfsem um elemento de contêiner extra? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Não funciona em uma tabela porque isso tornaria o HTML
Quero definir a imagem de plano de fundo de um DIV em um modelo de componente em meu aplicativo Angular 2. No entanto, continuo recebendo o seguinte aviso em meu console e não obtenho o efeito desejado ... Não tenho certeza se a imagem de plano de fundo do CSS dinâmico está sendo bloqueada devido a...
Quando atualizei o Angular de 7 para o Angular 8, obtendo um erro para módulos de carregamento lento Eu tentei as opções, que estão lá no guia de atualização angular Fez as alterações abaixo: Antes loadChildren: '../feature/path/sample- tage.module#SameTagModule' Depois de loadChildren:...
Ok, então talvez isso não esteja claro. Obtenha este formulário: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button"
Eu sou muito novo no Angular, então não tenho certeza da melhor prática para fazer isso. Usei angular-cli e ng new some-projectpara gerar um novo aplicativo. Nele criei uma pasta "imagens" na pasta "ativos", então agora minha pasta de imagens está src/assets/images Em app.component.html(que é a...
Tento enviar uma solicitação POST do Angular 4 para o meu back-end do Laravel. Meu LoginService tem este método: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Eu me inscrevo neste método em meu LoginComponent: .subscribe(...
Meu código: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Estou tentando exibir apenas 10 elementos de lista em qualquer ponto. Conforme sugerido na resposta aqui , usei...
Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the...
Como posso detectar cliques fora de um componente no
Eu sei que o Angular2 beta acabou de ser lançado, mas não consigo reproduzir as etapas do tutorial do site oficial ( https://angular.io/guide/quickstart ). Talvez alguém tenha tido problemas semelhantes e saiba o que fazer para consertar isso? Quando tento iniciar o aplicativo com o npm...
Não consigo consertar esse erro. Eu tenho uma barra de pesquisa e um ngFor. Estou tentando filtrar a matriz usando um tubo personalizado como este: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class...
No AppComponent, estou usando o componente nav no código HTML. A interface do usuário parece boa. Sem erros ao fazer o serviço. e sem erros no console quando olho para o aplicativo. Mas quando executei Karma para meu projeto, ocorreu um erro: Failed: Template parse errors: 'app-nav' is not a...
Aqui está meu componente no Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl"...