Question

我已经包含一个复选框，当我点击复选框时，会显示警告弹出窗口。如果我在弹出警告中单击“确定”，则必须完全替换复选框并保持原来代替

我们如何在Angular JS中展示它？

angular.module('app', [])
.controller('alertsMesssageCtrl', ['$scope', function($scope) {
$scope.onalertClick = function(alert) {
  var box = confirm("Are you sure you want to do this?");

  if (box === false) { // yes sure
    alert.alertType = !alert.alertType;
    return true;
  }else{

  }
};

Answer 1

要弹出一个关于修改角度复选框的确认对话框，您可以执行以下操作：

JS

angular.module('app', [])
.controller('alertsMesssageCtrl', ['$scope', function($scope) {

  $scope.alert = {
    alertType: false  //initialization
  };

  $scope.onAlertChange = function() {
    var box = confirm("Are you sure you want to do this?");

    if (box === false) { // no
      $scope.alert.alertType = !$scope.alert.alertType; //revert
    }else{ //yes sure

    }   
  };

});

HTML

<div ng-app="app" ng-controller="alertsMesssageCtrl">
  <input type="checkbox" ng-model="alert.alertType" ng-change="onAlertChange()" />
</div>

请注意，我使用的是ng-change而不是ng-click，因为它还可以涵盖使用键盘处理复选框滴答（使用Tab键聚焦到checkbox元素，然后使用空格键勾选）。

Angular JS，警告真或假

1 个答案: