Articles of angular

Como colocar um componente dynamic em um contêiner

Eu quero criar componentes dynamics e inserir exibições desses componentes em um contêiner. Eu acho que isso pode ser alcançado por ViewContainerRef . Mas eu não sei, podemos obter ViewContainerRef de qualquer componente? se sim, então como? Eu sou novo no Angular, se houver outras boas soluções disponíveis para lidar com esse cenário, por favor, […]

Angular2 – A expressão mudou depois de ter sido verificada – Vinculando à largura div com events de redimensionamento

Eu fiz algumas leituras e investigações sobre esse erro, mas não tenho certeza qual é a resposta correta para a minha situação. Eu entendo que no modo dev, a detecção de alterações é executada duas vezes, mas estou relutante em usar o enableProdMode() para mascarar o problema. Aqui está um exemplo simples em que o […]

Como o Angular 2 altera a detecção?

Em Angular 1, a detecção de alterações era feita com a verificação da hierarquia do escopo $. Nós implícita ou explicitamente criamos observadores em nossos modelos, controladores ou componentes. Em Angular 2, não temos mais $ escopo, mas sobrescrevemos setInterval, setTimeout, et al. Posso ver como o Angular pode usar isso para acionar um $ […]

Inibição de inheritance e dependência

Eu tenho um conjunto de componentes angular2 que devem receber algum serviço injetado. Meu primeiro pensamento foi que seria melhor criar uma super class e injetar o serviço lá. Qualquer um dos meus componentes estenderia essa superclass, mas essa abordagem não funciona. Exemplo simplificado: export class AbstractComponent { constructor(private myservice: MyService) { // Inject the […]

Roteamento / link profundo Angular2 não funciona com o Apache 404

Estou seguindo os exemplos de roteamento do Angular 2. Usando o servidor web “lite” eu sou capaz de navegar a partir da raiz e deep linking funciona, mas usando o Apache eu posso navegar a partir da raiz, mas recebo erros 404 Not Found ao seguir links diretos para rotas. Por exemplo, o seguinte URL […]

Como usar em div é contenteditable em angular2?

Eu estou tentando usar ngModel para vincular o conteúdo de input contenteditable de div de duas maneiras da seguinte maneira: mas não está funcionando e ocorre um erro: EXCEPTION: No value accessor for ” in [ddd in PostContent@64:141] app.bundle.js:33898 ORIGINAL EXCEPTION: No value accessor for ”

Angular2 – validação de FormControl no borrão

Eu estou olhando para adicionar alguma validação básica de e-mail para verificar se o usuário colocou em um endereço de e-mail correto. Atualmente, usando o método abaixo, a validação é atualizada conforme o usuário digita, o que parece estranho quando ocorre um erro após inserir um caractere. validEmail(c: Control){ if(!c.value.match(‘[a-z0-9!#$%&\’*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&\’*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?’)){ return { validEmail: true }; […]

Formulário Angular 2 validando para repetir senha

Por favor, consulte esta questão sobre os campos Comparando no validador com angular2 . Infelizmente o Angular 2 mudou um pouco para que a solução pareça não funcionar mais. Aqui está o meu código: import {IonicApp,Page,NavController,NavParams} from ‘ionic/ionic’ import {Component} from ‘angular2/core’ import {FORM_PROVIDERS, FormBuilder, Validators} from ‘angular2/common’ import {ControlMessages} from ‘../../components/control-messages’ import {ValidationService} from […]

Como servir imagens em Angular2?

Eu estou tentando colocar o caminho relativo para uma das minhas imagens na minha pasta de ativos em uma tag src de imagem no meu aplicativo Angular2. Eu configurei uma variável no meu componente para ‘fullImagePath’ e usei isso no meu modelo. Eu tentei muitos caminhos possíveis diferentes, mas simplesmente não consigo levantar minha imagem. […]

Como depurar aplicativo angular usando webpack angular-cli?

Eu usei angular-cli@1.0.0-beta.10 antes e agora atualizei para o angular-cli @ webpack beta.11. Depois de muitas mudanças personalizadas, consegui que funcionasse. A única coisa é que agora eu não posso depurar meu aplicativo angular usando webstorm e depurador chrome porque eu não recebo nenhum arquivo ts usando ng serve. Com angular-cli@1.0.0-beta.10 foi muito fácil depurar […]