Perguntas com a marcação «angular»

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 v2.7.0

108 angular  angular-cli  karma-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 { public width: Number; public height: Number; } O arquivo html de modelo para este componente //home.component.html <div class="home-component">Some stuff in this div</div> E, finalmente, …

108 css  angular 

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> </ul> </div> Mas list $ .length não funciona no caso de array Observable. Atualizar: Parece que (list $ | async) …

108 angular  observable  angular2-template  angular2-services 

<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? } }

108 angular  typescript  angular2-template 

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 código …

108 angular  angular5  angular-forms 

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" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> Por que todos os botões acionam a submit()função? E como evitar isso?

107 javascript  forms  angular  submit 

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 …

107 typescript  angular  xss 

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 inválido.

107 html  templates  angular 

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: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) Erro TS1323: A …

107 javascript  angular  typescript  module  angular8 

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 localmente: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Eu gerei um novo …

107 angular  angular-material 

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 raiz do meu aplicativo), …

106 html  angular  angular-cli 

Como posso detectar cliques fora de um componente no Angular?

106 html  events  angular  typescript 

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( (response: any) => { console.log(response) location.reload() }, (error: any) => …

106 angular  typescript  angular-httpclient 

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 o ngIf, mas isso resulta em itens de lista vazios (além de 10) aparecendo na página.

106 angular 

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 following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular