Javascript 将一行数据从表传递到具有角度
我有一个表,显示竞赛的条目(使用PHP从DB中提取,并转换为.json对象,与AngularJS和JavaScript一起使用)。我还想对它实现一个模式,这样当“法官”点击每个条目时,他们可以看到该条目的详细信息。所以基本上,我需要将一行数据传递给该模式(ui.bootstrap模式) 下面是包含所有数据的表的标记。模式应用于ng,重复:Javascript 将一行数据从表传递到具有角度,javascript,angularjs,ui.bootstrap,Javascript,Angularjs,Ui.bootstrap,我有一个表,显示竞赛的条目(使用PHP从DB中提取,并转换为.json对象,与AngularJS和JavaScript一起使用)。我还想对它实现一个模式,这样当“法官”点击每个条目时,他们可以看到该条目的详细信息。所以基本上,我需要将一行数据传递给该模式(ui.bootstrap模式) 下面是包含所有数据的表的标记。模式应用于ng,重复: <table class="submissions"> <tr class="tb-header"> <td>id<
<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>
这是模态的标记(出于某种原因,它目前没有引入任何内容,甚至没有硬编码的“cats”):
{{cats}
接近
问题是:如何将数据传递给该模型?如何定位它,使它只拉点击的行,等等
非常感谢您的指导。从
像这样的决心:
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
最好的方法是将行作为参数传递给模态函数
<tr ng-click="open(row)" ng-repeat="row in rows track by $index">
...
</tr>
然后传递给控制器:
.controller('ModalCtrl', function ($scope, $modalInstance, cat) {
$scope.cat = cat;
});
@如果这是正确的答案,请接受。如果不让我知道,我也许能帮上忙。
<tr ng-click="open(row)" ng-repeat="row in rows track by $index">
...
</tr>
$scope.openModal = function (row) {
var modalInstance = $modal.open({
templateUrl: '/partials/submission_mod.html',
controller: 'ModalCtrl',
resolve: {
cat: function () {
return row;
}
}
});
};
.controller('ModalCtrl', function ($scope, $modalInstance, cat) {
$scope.cat = cat;
});