要将从模态框返回的数据绑定到点击的行,可以按照以下步骤进行操作:
{{item.name}}
{{item.age}}
showModal
函数,并在函数内部打开模态框。例如:$scope.showModal = function(item) {
var modalInstance = $uibModal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
resolve: {
selectedItem: function() {
return item;
}
}
});
};
app.controller('ModalInstanceCtrl', function($scope, $uibModalInstance, selectedItem) {
$scope.selectedItem = selectedItem;
$scope.ok = function() {
$uibModalInstance.close($scope.selectedItem);
};
$scope.cancel = function() {
$uibModalInstance.dismiss('cancel');
};
});
app.controller('MainCtrl', function($scope) {
$scope.items = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
// ...
];
$scope.showModal = function(item) {
var modalInstance = $uibModal.open({
// ...
});
modalInstance.result.then(function(updatedItem) {
var index = $scope.items.indexOf(item);
$scope.items[index] = updatedItem;
}, function() {
// Modal dismissed
});
};
});
通过上述步骤,可以实现将从模态框返回的数据绑定到点击的行。