Perguntas com a marcação «angular»

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 startcomando, obtenho uma saída …

105 node.js  angular  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 UsersPipe implements PipeTransform { …

105 angular  angular2-forms  angular2-pipe 

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 …

104 javascript  node.js  angular  typescript  karma-jasmine 

Dada uma lista de caixas de seleção vinculadas ao mesmo formControlName, como posso produzir uma matriz de valores de caixa de seleção vinculados a formControl, em vez de simplesmente true/ false? Exemplo: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" …

104 javascript  angular  checkbox  angular2-forms 

No momento, estamos trabalhando em um novo projeto com atualizações regulares que está sendo usado diariamente por um de nossos clientes. Este projeto está sendo desenvolvido usando o angular 2 e estamos enfrentando problemas de cache, ou seja, nossos clientes não estão vendo as alterações mais recentes em suas máquinas. …

104 caching  angular  browser-cache  cache-control  angular2-template 

Suponha que eu esteja atualmente na página que contém o URL /user/:id. Agora, a partir desta página, navego para a próxima página :id/posts. Agora existe uma maneira, para que eu possa verificar qual é a URL anterior, ou seja /user/:id. Abaixo estão minhas rotas export const routes: Routes = [ …

104 angular  angular2-routing 

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" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Aqui está minha aula: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; …

104 angular  form-control 

Há um tutorial de início rápido em angular.io que usa o texto digitado e o systemjs. Agora que tenho aquele miniapp em execução, como faria para criar algo implantável? Não consegui encontrar nenhuma informação sobre isso. Preciso de alguma ferramenta extra, alguma configuração adicional em System.config? (Eu sei que poderia …

103 typescript  angular  systemjs 

Quando eu uso meu pipe personalizado em um modelo, é assim: {{user|userName}} E funciona bem. É possível usar um tubo no código? Tento usar assim: let name = `${user|userName}`; Mas mostra userName não está definido Minha forma alternativa é usar db.collection.findOne()manualmente no código. Mas existe alguma maneira inteligente?

103 angular  angular-pipe 

Como faço *ngForpara repetir um elemento HTML várias vezes? Por exemplo: Se eu tiver uma variável de membro atribuída a 20. Como uso a diretiva * ngFor para fazer uma div repetir 20 vezes?

103 angular 

Em uma aplicação angular, temos um ngOnDestroy()gancho de ciclo de vida para um componente / diretiva e usamos esse gancho para cancelar a assinatura dos observáveis. Quero limpar / destruir observáveis ​​que são criados em um @injectable()serviço. Eu vi alguns posts dizendo quengOnDestroy() pode ser usado em um serviço também. …

103 angular  rxjs  observable  angular-services 

Atualmente, estou trabalhando em Angular e tenho um bom suporte para Texto Dactilografado com Sublime Texto. Como posso obter suporte para TypeScript com meu editor de texto Sublime? Tentei apertar Shift+ Ctrl+ Pe digitei TypeScript, mas não obtive nenhum resultado TypeScript. Eu tenho ido através do site oficial do texto …

103 angular  typescript  sublimetext3  sublimetext 

Estou tentando construir um componente personalizado usando vários ng-contentno Angular 6, mas isso não está funcionando e não tenho ideia do porquê. Este é o meu código de componente: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Estou tentando usar este componente em outro lugar e renderizar dois …

103 angular  angular6  angular-components  ng-content 

As respostas a esta pergunta são um esforço da comunidade . Edite as respostas existentes para melhorar esta postagem. No momento, não está aceitando novas respostas ou interações. Usando ng --versioneu consegui: @ angular / cli: 1.0.0 que não é a versão mais recente disponível. Como tenho o Angular CLI …

102 angular  angular-cli 

Como usar o ngStyle para adicionar imagem de fundo? Meu código não funciona: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

102 javascript  html  css  angular