entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Problema con Mostrar contenido por condicional en template por AngularJS

Buenos Días, tengo una lista de periodistas en la cual tengo un campo de nombre activo que su valor puede ser 1 o 0 para activo y pasivo entonces:
cuando item.activo = 0 se muestre <a class="btn btn-primary" href="" ng-click="periodista.up(item)"><i class="fa fa-chevron-up"></i></a>
y cunado item.activo = 1 se muestre <a class="btn btn-warning" href="" ng-click="periodista.down(item)"><i class="fa fa-chevron-down"></i></a>
tengo mi código:

<div class="col-lg-12 periodistaitem" ng-repeat="item in periodista.lista">
            <div class="avatar">
                <img class="img-circle" ng-src="http://www.misitio.cu/{{item.avatar}}" alt="">
                <div class="btn-group">
                  <a class="btn btn-warning" href="" ng-click="periodista.down(item)"><i class="fa fa-chevron-down"></i></a>
                  <a class="btn btn-primary" href="" ng-click="periodista.up(item)"><i class="fa fa-chevron-up"></i></a>
                  <a class="btn btn-primary" href="" ng-click="periodista.edit(item)"><i class="fa fa-pencil"></i></a>
                  <a class="btn btn-danger"  href="" ng-click="periodista.drop(item)"><i class="fa fa-trash-o"></i></a>               
                </div>
            </div>                      
        </div>

Saludos D

1 Respuesta

2votos

white Puntos75820

Hola @dairon, la directiva ngSwitch podría servirte.

<div ng-switch on="item.activo">
    <span ng-switch-when="1">item.activo es 1</span>
    <span ng-switch-when="0">item.activo es 0</span>
</div>

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta