AngularJS - Aplicando filters através do Controller
Trabalhar com data pode ser bem chato, porém com o Angular JS é muito tranquilo.
Vamos criar um script que pega a data atual e a formata no padrão brasileiro, ou seja, Dia/Mês/Ano hora:minuto:segundo.
Segue abaixo o exemplo:
<html ng-app="app">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script>
var appModule = angular.module('app', []);
function General($scope, $element, $http, $filter)
{
$scope.datahora = $filter('date')(new Date(), 'yyyy-MM-dd HH:mm:ss');
}
</script>
</head>
<body ng-controller="General">
<p>Data</p>
<span>{{datahora}}</span>
</body>
</html>
'General' é nosso controller. O detalhe aqui é incluir o parâmetro '$filter' na declaração da função do controller. Com isso poderemos trabalhar com os filtros dentro da função controller, ao invés de no markup.
'$filter('date')' referencia o tipo de filtro que será usado. new Date() cria o objeto data que traz a informação de data e hora atual e 'yyyy-MM-dd HH:mm:ss' faz a mágica funcionar.
Neste link você encontrará todos os formatos possíveis de data e hora para o AngularJS.
$scope.datahora joga o valor filtrado no escopo da aplicação, que é impressa em {{datahora}}.
Por hoje é isso!
Comentários
Postar um comentário