Как знать, какой 'button' - clickado в AngularJS?

Я начинаюсь с AngularJS и правдой в том, что он стоит мне. В моем приложении у меня есть один ng-repeat что производит меня одни h3 со специфическим текстом каждый h3. Я изменил приложение, чтобы производить button вместо h3 и что у clickar вышло возникающее окно, которого я добился с CSS, но когда clicko в любой button у меня выходит info первого.

Как я могу соединять, или что могу делать для того, чтобы каждый button покажите Вашу информацию?

Спасибо заранее.

1
задан 10.10.2019, 14:31
1 ответ

привет, согласно которому я понял, это что-либо подобное.


<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>
0
ответ дан 01.12.2019, 15:45