Estou tentando detectar uma alteração ngModelem uma <select>tag. No Angular 1.x, podemos resolver isso com um $watchligado ngModelou usando ngChange, mas ainda não entendi como detectar uma mudança ngModelno Angular 2. Exemplo completo :
Não consigo traduzir este código de Angualr 1 para Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Isso é o que fiz seguindo a resposta de Thierry Templier: Modelo de componente: *ngFor="#todo of todos | sort" Código do componente: @Component({ selector: 'my-app',...
Não sei como extrair valor de Observable para ser retornado pela função em que Observable está presente. Preciso apenas de um valor para ser devolvido, nada mais. Versão atual que funciona function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) }...
Eu tenho um conjunto de componentes angular2 que devem receber algum serviço injetado. Meu primeiro pensamento foi que seria melhor criar uma superclasse e injetar o serviço lá. Qualquer um dos meus componentes estenderia essa superclasse, mas essa abordagem não funciona. Exemplo...
Estou usando o ReactiveFormsModuleAngular2 para criar um componente que contém um formulário. Aqui está o meu código: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (com...
Estou tentando usar o disabledatributo de a formControl. Quando eu coloco no template, funciona: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Mas o navegador me alerta: Parece que você está usando o atributo disabled com uma diretiva de...
Estou tentando construir um aplicativo angular2 para produção para isso, estou acompanhando este blog . Após minha compilação bem-sucedida do ngc, quando a compilação tsc ocorre, ele gera o erro abaixo mostrado na imagem: Depois de pesquisar por um tempo encontrei este blog que explica o...
Sou novo no Angular. Comecei o Tour of Heroes para aprender. Então, eu fui criado app.componentcom two-wayligação. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1>...
Como posso apresentar algo como 'my-app-name/services'evitar linhas como a importação a seguir? import {XyService} from
Atualmente, estou tentando aprender Angular2 e TypeScript depois de trabalhar com prazer com AngularJS 1. * nos últimos 4 anos! Tenho que admitir que estou odiando isso, mas tenho certeza de que meu momento eureka está chegando ... de qualquer maneira, escrevi um serviço em meu aplicativo fictício...
Preciso de um cronômetro no Angular 2, que marque após um intervalo de tempo e faça alguma tarefa (pode ser chamada de algumas funções). Como fazer isso com o Angular
Estou recebendo este erro depois de migrar para o NgModule, o erro não ajuda muito, algum conselho, por favor? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27)...
Como declarar uma função dentro de um componente (texto digitado) e chamá-la em um evento click no Angular 2? A seguir está o código para a mesma funcionalidade no Angular 1 para o qual eu exijo o código Angular 2: <button
Eu configurei o código angular na minha máquina local. Preciso saber a versão do angular que estou usando no projeto. como posso encontrá-lo facilmente no prompt do cmd?
Acabei de criar um novo angular-cliprojeto e executou npm install [email protected] jquery popper.js --save e alterou as partes relacionadas do .angular-cli.json conforme abaixo "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [
Eu sou novo no Angular 4, então alguém poderia explicar como e onde usar ::ng-deepno Angular 4? Na verdade, quero substituir algumas das propriedades CSS dos componentes filhos dos componentes pais. Além disso, é compatível com o IE11?
Então, estou trabalhando com angular4 em meu trabalho prático e isso é novo para mim. Felizmente, para obter os elementos html e seus valores, usei <HTMLInputElement> document.getElementByIdou <HTMLSelectElement> document.getElementById Estou me perguntando se há algum substituto...
Meu problema é bastante clássico. Eu tenho uma parte privada de um aplicativo que está por trás de um login form. Quando o login é bem-sucedido, ele segue para uma rota secundária do aplicativo admin. Meu problema é que não consigo usar o global navigation menuporque o roteador tenta rotear no...
Eu tenho um AuthGuard (usado para roteamento) que implementa CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Meu problema é que o CanActivate-result depende de um http-get-result - o LoginService retorna um Observable . isLoggedIn():Observable<boolean> { return...
Estou testando uma unidade de um componente que é usado para editar um objeto. O objeto tem um único idque é usado para capturar o objeto específico de uma matriz de objetos hospedados em um serviço. O específico idé obtido por meio de um parâmetro que é passado por meio de roteamento,...