Angular JS, alert True or False

Angular JS, alert True or False

本文关键字：or False True alert JS Angular      更新时间：2023-09-26

我已经包含了一个复选框，当我点击复选框，警告弹出显示。如果我在弹出框中点击确定，那么它就会完全取代复选框并保持

为真

如何在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{
  }
};

要在angular中弹出一个修改复选框的确认对话框，你可以这样做:

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键关注复选框元素，然后使用空格键勾选它)。

相关文章：