我有一个显示竞赛条目的表格(使用 PHP 从数据库中提取并转换为 .json 对象以与 AngularJS 和 JavaScript 一起使用)。我还想在上面实现一个模态,所以当“法官”点击每个条目时,他们可以看到该条目的详细信息。所以基本上,我需要将单行数据传递给该模式(一个 ui.bootstrap 模式)。
这是包含所有数据的表的标记。模态应用于 ng-repeated :
<table class="submissions">
<tr class="tb-header">
<td>id</td>
<td>wa #</td>
<td>name</td>
<td>email</td>
<td>file</td>
<td>rating</td>
<td>submitted on</td></tr>
<tr ng-click="open()" ng-repeat="row in rows track by $index">
<td>{{ row.id }}</td>
<td class="wa-num">{{ row.wa_num }}</td>
<td>{{ row.name }}</td>
<td>{{ row.email }}</td>
<td id="submitted-file">{{ row.file }}</td>
<td>{{ row.rating }}</td>
<td>{{ row.submitted }}</td>
</tr>
</table>
这是控制整个页面和模式的控制器:
.controller('dashboard',['$scope', '$rootScope', '$location', '$modal', 'loginService', 'getEntries',
function($scope, $rootScope, $location, $modal, loginService, getEntries){
$scope.open = function () {
var modalInstance = $modal.open({
templateUrl: '/partials/submission_mod.html',
controller: ['$scope', '$modalInstance', function($scope, $modalInstance){
$scope.modalInstance = $modalInstance;
$scope.cats = "Submission info goes here.";
}]
});
};
var entries = getEntries.entries();
entries.save(
function(result){
console.log(result);
//$scope.rows = [];
$scope.rows = result.entries;
console.log($scope.rows);
},
function(result) {
console.log(result);
}
);
}])
这是模态的标记(由于某种原因,目前没有引入任何东西,甚至没有硬编码的“猫”):
<div class="modal-entry">{{ cats }}</div>
<button class="btn btn-primary btn-modal" ng-click="modalInstance.close()">Close</button>
问题是:如何将数据传递给该模式?如何定位它以使其仅拉动单击的行等?
非常感谢任何指导。