1

Estoy empezando con AngularJS y la verdad que me está costando. En mi aplicación tengo un ng-repeat que me genera unos h3 con un texto especifico de cada h3. Cambié la aplicacion para generar button en vez de h3 y que al clickar me salga una ventana emergente que logré con CSS, pero cuando clicko en cualquier button me sale la info del primero.

¿Cómo puedo enlazar o qué puedo hacer para que cada button muestre su información?

Gracias de antemano.

3
  • pues obteniendo el indice de los elementos, y cuando clickes en el boton ya puedes diferenciarlos el 10 oct. 2019 a las 8:24
  • Si eso lo que con $index pero no se como puedo coger ese $index del button con el del texto que sería el mismo no? Probé con un ng-if y con un ng-show pero no se si está bien. ng-if="$index == $index lo que no se es como hacer para diferenciarlos el 10 oct. 2019 a las 8:39
  • 1
    Hola Sara, te recomiendo que completes el recorrido de bienvenida para ganar tu primera medalla y aprender cómo hacer buenas preguntas en SOes y qué es un ejemplo mínimo verificable. Las preguntas de este tipo deben mostrar el código para poder entender mejor el escenario y encontrar problemas/soluciones el 10 oct. 2019 a las 8:49

2 respuestas 2

0

Podrías usar ngFor, pasando la lista de botones, una vez tienes la lista de botones "listaboton" con el for cada elemento boton tiene todos sus atributos name etc y aparte tiene el indice, al hacer click puedes pasar el indice del boton y asi diferenciarlos, espero con eso te ayude.

<ion-col *ngFor="let boton of listaboton; let i = index">
        <ion-button (click)="posicionBoton(boton.name,i)>
            {{boton.name}} = {{listaboton[i].name}}
        </ion-button>               
</ion-col>

algo asi

4
  • Deberías explicar por qué tu propuesta soluciona el problema. el 10 oct. 2019 a las 15:05
  • tengo el comentario arriba, pasas una lista de botones, de los cuales tienes los datos que quieres y el indice, y en el clic pues le dices que boton as pulsado pasando le el indice, poco mas, el 11 oct. 2019 a las 6:38
  • Un comentario no es una respuesta, es un comentario. Deberías explicar en la respuesta por qué tu propuesta soluciona el problema. el 11 oct. 2019 a las 6:39
  • Respuesta no aplica, porque el OP indica que esta utilizando AngularJS, y la solucion entregada por @jesuscabrera es para Angular2+ el 11 oct. 2019 a las 6:54
0

hola segun lo que entendi es algo asi.


<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app='miapp'>
<head>
	<title>hola</title>
</head>
<body ng-controller='micontrollerApp'>

 <ul>
 	<li ng-repeat="main in list">
 		<button ng-click="ventana(main)">{{main.title}}</button>
 	</li>
 </ul>

<script>
var app = angular.module('miapp', [])
app.controller('micontrollerApp',['$scope',function($scope){
$scope.list = [
{id:'1',title:'btn1'},
{id:'2',title:'btn2'},
{id:'3',title:'btn3'}
]

$scope.ventana = function(info){
	alert('SOY LA VENTANA con el id - '+info.id);
	alert('SOY LA VENTANA con el titulo - '+info.title);
}
}])
</script>

</body>
</html>

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.