Mostrar un elemento en funcion de un valor en AngularJS

Podemos mostrar u ocultar un elemento utilizando una función personalizada para poder realizar todas las comprobaciones que necesitemos para tomar una decisión.

Ejemplo: Tenemos una tabla y queremos mostrar un elemento (por ejemplo, un icono) en cada fila solo en el caso en el que la propiedad “itemDate” del item es la fecha de hoy.

Paso 1: Creamos una función con la comprobación

$scope.isToday = function (dateString) {
    return (new Date(dateString).toDateString() === new Date().toDateString());
}

Paso 2: Aplicamos la comprobación para mostrar el ítem en el HTML

<div ng-repeat="item in items">
    <span ng-show="isToday(item.itemDate)">ElementToShowOrHide</span>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *