对话框弹出

angular js dialog popup

本文关键字：对话框      更新时间：2023-09-26
<td>
    <input type="checkbox" class="checkBox" 
        ng-model="alert.acknowledged" 
        ng-disabled="alert.acknowledged" 
        ng-click="onacknowledgedClick(alert)">
</td>

我有一个确认列的复选框，当用户单击复选框时，它会弹出一个对话框，询问您想通过电话，短信或电子邮件确认吗?

有人可以帮助我与Angular JS的概念?我是新手。

angular.module('app','ngAnimate','ui.bootstrap']).controller("Hello",function($scope,$modal){
$scope.selectedAckOption ="NONE";
$scope.onacknowledgedClick=function(al) {
  var modalInstance = $modal.open({
  templateUrl: 'stackedModal.html',
  controller: 'ModalInstanceCtrl',
  size:'md',
  resolve: {}
});
modalInstance.result.then(function (selectedItem) {
  $scope.selectedAckOption = selectedItem;
}, function () {
  console.log('Modal dismissed at: ' + new Date());
});
};
}).controller("ModalInstanceCtrl",function($scope,$modalInstance){
  $scope.saveOption = function() {
   $modalInstance.close($scope.ackOption);
 };
});

完整解决方案- https://plnkr.co/edit/VnAv67AMrykf6CEyrAiv?p=preview

相关文章：