Модальное окно из ng-repeat
Не могу понять, как по клику вывести все значения "td" из "tr" в модальное окно, т.е есть много строк таблицы с различными данными:
key1: данные1, key2: данные2 ...(1 строка)
key1: данные3, key2: данные4 ...(2 строка)
и т.д. И как по клику, например на первую строку, получить модальное окно с "данные 1" и "данные 2" и т.д. Они сгенерированы через ng-repeat и явно через DOM не получается обратиться, в этом проблема Попытки записать значение через directive template, не увенчались успехом, передать значение с помощью Jquery в dialog или ng-message так-же.
<div class="md-padding dialogdemoBasicUsage" id="popupContainer" ng-cloak="">
<tr ng-repeat="mySomeData in someDataStorage | orderBy:'id':sortReverse " ng-click="showAlert($event,someDataStorage[mySomeData])">
<td>{{mySomeData.key1}}</td>
<td>{{mySomeData.key2}}</td>
<td>{{mySomeData.key3}}</td>
<td>{{mySomeData.key4}}</td> </tr>
</div>
Контроллер делает get запросы в someDataStorage.json и по ним строит таблицу, а модальное окно выводится через "Angular Alert".
angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
.controller('AppCtrl', function($scope, $mdDialog, $mdMedia, $http) {
$http.get('someDataStorage.json').success(function(data) {
$scope.someDataStorage = data;
});
$scope.showAlert = function($event) {
$mdDialog.show(
$mdDialog.alert()
.parent(angular.element(document.querySelector('#popupContainer')))
.clickOutsideToClose(true)
.title('Модальное окно с информацией из таблицы')
.textContent("Что-то надо написать")
.ariaLabel('Alert Dialog Demo')
.ok('Закрыть')
.targetEvent($event)
);
};
});