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 =...
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"...
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...
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...
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
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...
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...
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
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 +
Estou trabalhando em um aplicativo que tem várias funções e preciso usar guardas para bloquear a navegação em partes do aplicativo com base nessas funções. Sei que posso criar classes de guarda individuais para cada função, mas preferiria ter uma classe para a qual pudesse de alguma forma passar um...
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...
Eu tenho um projeto mvc 5 com uma interface angular. Eu queria adicionar o roteamento conforme descrito neste tutorial https://angular.io/guide/router . Então no meu _Layout.cshtmleu adicionei um <base href="/"> e criei meu roteamento em meu app.module. Mas quando eu executo isso,...
Não, esta não é uma pergunta duplicada. Veja, há uma tonelada de questões e problemas no SO e no Github que prescrevem que eu adicione essa diretiva a uma tag que tem [(ngModel)]diretiva e não está contida em um formulário. Se eu não adicionar, recebo um erro: ERROR Error: No value accessor for...
Não é possível vincular a 'ngModel' porque não é uma propriedade conhecida do elemento 'input' e não há diretivas correspondentes com uma propriedade correspondente Nota: estou usando alpha.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector:...
Estou tentando testar a ligação bidirecional angular2 para controle input. Aqui está o erro: Can't bind to 'ngModel' since it isn't a known property of 'input'. O app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> O...
Aqui é usado o pathmatch como completo e quando eu excluo este pathmatch ele nem carrega o aplicativo ou executa o projeto import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule }...
Como eu teria vários casos em uma *ngIfdeclaração? Estou acostumado a Vue ou angular 1 com ter um if, else ife else, mas parece que Angular 4 tem apenas uma true( if) e false( elsecondição). De acordo com a documentação, só posso fazer: <ng-container *ngIf="foo === 1; then first else...
Minha equipe e eu recebemos financiamento para começar a desenvolver um aplicativo da web de nível empresarial (não entrarei em detalhes sobre o que ele faz). O aplicativo terá muitas páginas da web separadas, mas duas dessas páginas serão mais focadas e muito pesadas - pesadas como em muita...
É possível enviar um formulário que não possui botão de envio (pressionando enter) exemplo: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR"