Angular JS controller is not working in IOS 14

Angular JS controller is not working in IOS 14. But its working below IOS 14.

App shows white or blank screen. I don’t have any issue with splash screen.

Controllers and templates are working fine in Android version and in browser.

I am developing IOS app using Cordova and Angular JS.

Below are the code

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/developer.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    https://kit.fontawesome.com/a076d05399.js
    <link rel="stylesheet" href="css/nprogress.css"> <!-- Infinite Scroll -->
</head>
<body ng-app="raffle">
    <div id="noNetId"></div>
    <div ng-controller="mainCtrl">
        <div ng-view></div>
    </div>
    http://js/jquery.min.js
    http://js/angular.min.js
    http://js/angular-animate.min.js
    http://js/angular-aria.min.js
    http://js/angular-route.js
    http://js/jquery-3.2.1.slim.min.js
    http://js/popper.min.js
    http://js/jquery.countdown.min.js
    http://js/bootstrap.min.js

    <!-- Spinner JS -->
    http://js/spin.js
    http://js/angular-spinner.js
    <!-- Spinner JS -->
    
    <!-- Infinite Scroll -->
    http://js/nprogress.js
    http://js/infinite-scroll.js
    <!-- Infinite Scroll -->

    http://cordova.js
    http://js/app.js 
</body>
</html>

app.js

var app = angular.module('raffle', ['raffle.services', 'ngRoute', 'angularSpinner', "infinite-scroll"]).run(function(DB) {
    DB.init();
});
app.config(function($routeProvider, $locationProvider) {
    $locationProvider.hashPrefix('');
    $routeProvider
        .when("/login", {
            templateUrl: "views/login.html",
            controller: "loginCtrl"
        })
        .when("/", {
            templateUrl: "views/list.html",
            controller: "listCtrl"
        })
});
alert("Test"); //working
app.controller('mainCtrl', function($scope, $location, $timeout, DB, $http, $rootScope, $route, usSpinnerService) {
    alert("Main controller"); //not working
});
app.controller('listCtrl', function($scope, $location, $timeout, DB, $http, $rootScope, $route, usSpinnerService, $routeParams) {
    alert("List controller"); //not working
});

list.html

<h1>List</h1>
<p>Some content goes here...</p>

Please help me. Any help should be appreciated. Thanks in advance.

Source: Angular Questions