Articles of angular

Angular CLI me dá “TypeError: retornos de chamada não é uma function” quando eu “ng servir”

Eu literalmente acabei de fazer uma nova instalação do Angular CLI para testá-lo e não tenho a menor idéia do que está causando o seguinte erro na linha de comando: PC:cobros Fran$ ng serve ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 95% emitting/Users/Fran/Documents/Workspace/Repos/cobros/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:40 callbacks[i](err, result); ^ TypeError: […]

Angular2 – Como compartilhar dados / mudanças entre componentes

Então, digamos que você tenha uma interface que tenha uma barra de ferramentas, barra lateral e uma grade. A barra de ferramentas tem uma lista suspensa que, quando um usuário muda, o conteúdo na barra lateral e na grade é alterado. De volta ao Angular 1, eu usaria um serviço para ter todos os meus […]

Angular2 http.post é executado duas vezes

Eu me deparei com um problema estranho onde o serviço Http do Angular2 (RC1) executa a chamada http.post duas vezes. Depurei meu aplicativo e sei que, de fato, isso não é um problema de evento de clique. Todas as chamadas que levam à chamada de serviço principal public create(json: Object, params?: Object): Observable { let […]

Angular 2 | Diretrizes Argumento do tipo ‘{}’ não é atribuível a

Eu sou noob com Angular 2. Eu estou fazendo tutoriais do YouTube, mas cada tutorial tem as directives: parte onde estou preso. app.component.ts import { Component } from ‘@angular/core’; import { HeaderComponent } from ‘./components/header/header.component’ @Component({ selector: ‘my-app’, template: ‘Hello’, directives: [HeaderComponent] }) export class AppComponent { } A saída do erro é: Argument of […]

Angular 2. Como aplicar orderBy?

Eu tenho um pedaço de código. # Name Score {{i+1}} {{participant.username}} {{participant.score}} Em Angular 1 eu tenho orderBy filter para ordenar linhas pelo meu filtro. Mas como posso fazer orderBy em Angular 2 da mesma maneira? Obrigado.

Como posso aplicar um limite de quantidade para * ngFor?

Como o filtro Limit desapareceu do Angular 2+, como posso aplicar um limite para uma instrução simples * ngFor? {{ tweet }} Eu não quero que a instrução * ngFor faça loop através de todos os elementos de singleCategory, eu quero limitá-la a apenas 2 resultados. Acredito que isso poderia ser feito com o Custom […]

Animações de transição de página com promises de interface de roteador e componente do Angular 2.0

No Angular 1.x podemos usar o ngAnimate para detectar quando estamos saindo ou entrando em uma rota específica. Além disso, podemos aplicar comportamentos a eles: animateApp.animation(‘.myElement’, function(){ return { enter : function(element, done) { //Do something on enter }, leave : function(element, done) { //Do something on leave } }; )}; Resultando em um produto […]

Angular2 Erro do roteador: não é possível encontrar a saída principal para carregar ‘HomePage’

Acabei de começar a usar a nova biblioteca de roteamento (@ angular / roteador v3.0.0-alpha.7), mas seguir os documentos oficiais leva ao erro abaixo: browser_adapter.ts:74: EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load ‘HomePage’ Pergunta é – como me livrar do erro e fazer o roteador se comportar como esperado? Eu […]

Como adicionar um padrão de validação de formulário no Angular 2?

Eu tenho um formulário simples que precisa validar se o início e o final da input não são espaço. Em HTML5, farei isso: Qual é a propriedade certa para o padrão de validação na nova diretiva Angular 2 ngControl? A API Beta oficial ainda está sem documentação sobre esse problema.

Roteador Angular2 mantém a string de consulta

Eu escrevi um aplicativo Angular2 (v2.0.1) que faz uso do roteador. O site é carregado com vários parâmetros de string de consulta, portanto, o URL completo inicialmente se parece com isso: https://my.application.com/?param1=val1&param2=val2&param3=val3 Na minha configuração de rota, tenho uma input que redireciona uma rota vazia: const appRoutes: Routes = [ { path: ”, redirectTo: ‘/comp1’, […]