Category Archives: AngularJS

Evento Drag Drop no Input (onDrop) (drop)

Como prevenir evento drag drop no input? <input type=”text” (drop)=”onDrop($event)”></div> export class DropComponent { onDrop(event) { event.preventDefault(); } } prevent drag in input Angular 5

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> Angular 5, AngularJS, IONIC, JavaScript | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment

Como o Facebook pode Alavancar suas Vendas

01 – Conhecer seu público Com uma fanpage, você tem conhecimento dos perfis do público que curte seu negócio, as suas preferências, idade, profissão, sexo e outros, além de nome, e-mail e a sua localidade. Com as informações você consegue fazer campanhas direcionadas para seu público-alvo e potencializar as suas vendas. 02 – Segmentação É […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> .NET, AngularJS, JavaScript, JQuery, Linux, MySQL, PHP, Prestashop, SharePoint, SQL | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , , | Leave a comment

Sleep “Thread” em JavaScript

O exemplo que mostro a seguir mostra como fazer uma “thread sleep” via JavaScript. [js] function sleepFor( sleepDuration ){ var now = new Date().getTime(); while(new Date().getTime() < now + sleepDuration){ /* do nothing */ } } [/js] Exemplo de uso [js] function demo(){ sleepFor(2000); console.log("Olá! Eu sou um teste."); } demo(); [/js] Prático!

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS, JavaScript | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Formatação de Moeda Real AngularJS

Como sabemos para formatar moedas no AngularJS utilizamos o currency, porém a configuração de moeda é utilizada a do servidor onde nossa aplicação está publicada, ou seja, se tivermos em um servidor Norte Americano, será retornado o símbolo ‘$’ e não ‘R$’ como gostaríamos. Para correção utilize: [html] {{model.valor | currency: ‘R$’}} [/html] Se quiser […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Ordenar Tabela com AngularJS

Uma forma prática de ordenar tabela utilizando AngularJS através do ng-repeat [html] table class=”table” tbody tr ng-repeat=”atual in ListaProduto| orderBy:’+nomeProduto’” td {{atual.nomeProduto}} /td /tr [/html] Utilizando o orderBy é possível ordenar pelo nome da propriedade, neste caso o nome da propriedade é “nomeProduto”, utilize o sinal de + para crescente e – para decrescente. OBS: […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> | Leave a comment

Paginação AngularJS – dirPagination

Umas das coisas que mais utilizo nos projetos que desenvolvo são as paginações, automaticamente não me dei conta da quantidade de pessoas que necessitam utilizar funções similar. Utilizo com muita frequência o dirpagination. Tão fácil de usar quanto… Incluo na declaração do meu módulo: var app = angular.module(‘App’, [‘angularUtils.directives.dirPagination’]); Ao invés de <tr ng-repeat=”obj in listaDeItens”> […]

<span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> AngularJS | <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span> , | Leave a comment