Tengo un array de estudiantes los cuales presento sus nombres en una lista y debajo de cada nombre dos botones que permiten asignarles una calificación ya sea positiva o negativa.
Lo que deseo hacer es que cuando de click en el botón (positivo o negativo) muestre un mensaje y oculte el div botones
a continuación comparto lo que tengo:
vista html
<ul class="ejemplo" ng-app ng-controller="sample">
<div ng-repeat="i in estudiantes">
<h5>{{i.nombres}}</h5>
<div class="botones">
<input type="button" data-ng-click=calificar($event,i.id) value="calificacion positiva" id="1"/>
<input type="button" data-ng-click=calificar($event,i.id) value="calificacion negativa" id="2"/>
</div>
</div>
</ul>
controller.js
function sample ($scope) {
$scope.estudiantes = [
{
nombres: 'Diego Israel',
id: 2
},
{
nombres: 'Juan Carlos',
id: 3
},
{
nombres: 'Pedro',
id: 4
}
];
$scope.calificar = function(event,id){
var estado = event.target.id;
switch (estado) {
case '1':
//para no mostrar este alert quiero ocultar el div botones y mostrar el respectivo mensaje
alert('calificacion positiva');
break;
case '2':
//para no mostrar este alert quiero ocultar el div botones y mostrar el respectivo mensaje
alert('calificacion negativa');
break;
default:
return false;
}
}
}
La idea es que una vez que se haya clickeado en el boton, automaticamente debajo del nombre del estudiante seleccionado se muestre el mensaje Espero me haya hecho entender. De antemano les agradezco