JSFiddle - React, Tailwind, and code Playground

by Canet Robern

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.6/sweetalert2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.6/sweetalert2.min.css">
<div ng-app="MyApp">
	<div ng-controller="MyController">
		
	</div>
</div>

JavaScript

var myApp = angular.module('MyApp', []);
myApp.controller('MyController', function($scope){
	$scope.numValue = 0;
	$scope.callAlert = function (count) {
		if ($scope.numValue == 0) {
			console.log(count);
			swal({
				title: 'Warning',
				text: "Hey there..!!",
				type: 'warning',
				showCancelButton: true,
				confirmButtonText: 'Yes',
				cancelButtonText: 'No',
				confirmButtonClass: 'confirm-class',
				cancelButtonClass: 'cancel-class',
				allowOutsideClick: false
			}).then(function(isConfirm) {
				if (isConfirm) {
					console.log("isConfirm in if: " + isConfirm);
					$scope.$apply(function() {
						//$scope.saveAfterPSConfirm();
					});
					count += 1;
					if(count < 3){
						$scope.callAlert(count);
					}
				} else {
					console.log("isConfirm in else: ");
					return;
				}
			});
		}
	};
	$scope.callAlert(0);
});