0

Tengo el siguiente inconveniente al obtener el <li> seleccionado de una lista <ul>.

Penseé que sería igual como en un select que solamente se le coloca el ng-model y ya, pero esto es diferente.

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" role="button">
        Categorias <span class="caret"></span>  
    </a>
    <ul class="dropdown-menu" role="menu" >
        <li ng-repeat="objeto in objeto" value="{{objeto.idCategoria}}" ng-model="categoriaElejida" title="{{objeto.idCategoria}}"><a href="#!tecnologia">{{objeto.nombre}}</a></li>
    </ul>
</li>
3
  • coloca algun codigo en tu pregunta porfavor, para que asi podamos ayudarte. el 10 jul. 2017 a las 1:21
  • <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button"> Categorias <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu" > <li ng-repeat="objeto in objeto" value="{{objeto.idCategoria}}" ng-model="categoriaElejida" title="{{objeto.idCategoria}}"><a href="#!tecnologia">{{objeto.nombre}}</a></li> </ul> </li> el 10 jul. 2017 a las 1:25
  • Ese es el codigo bro no se como podria tomarlo el 10 jul. 2017 a las 1:25

1 respuesta 1

1

En este caso no puedes hacer algo asi de sencillo como usar ng-model, pero puedes usar una alternativa para saber que categoria el usuario ha seleccionado usando ng-click de esta forma:

(Ten en cuenta que modifique el HTML y omiti algunos atributos que habias puesto para mayor brevedad pero lo mas importante es esta parte que adicione: ng-click="ctrl.seleccionarCategoria(objeto.idCategoria)")

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" role="button">
        Categorias <span class="caret"></span>  
    </a>
    <ul class="dropdown-menu" role="menu" >
        <li ng-repeat="objeto in objetos">
            <a href="#!tecnologia"
               ng-click="ctrl.seleccionarCategoria(objeto.idCategoria)">
             {{objeto.nombre}}
            </a>
         </li>
    </ul>
</li>

En el controlador seria algo asi:

//...
function seleccionarCategoria(idCategoria) {
    ctrl.idCategoria = idCategoria;
}
//...

De esta forma, podrias realizar cualquier procesamiento posterior teniendo en cuenta el id de la ultima categoria que se selecciono. Pr ejemplo, asi:

//...
function mostrarCategoria() {
    console.log("el id de la categoria es: " + ctrl.idCategoria);
}
//...
1
  • JJAJJAA que excelente logica yo tambien pense en lo mismo, perdon por responder tarde pero gracias de igual forma el 11 jul. 2017 a las 16:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.