Please do an Angular 6+ version

Open whizkidwwe1217 opened this issue 7 years ago • 1 comments

Jan 05 '19 06:01 whizkidwwe1217

There is a way for this to work without them changing things - its just a work around for now.. You have to include the proper css and js files, then in your index add the scripts

<head>
  <link rel="stylesheet" href="assets/css/spinkit.css" />
  <link rel="stylesheet" href="assets/css/3-wave.css" />
  <link rel="stylesheet" href="assets/css/please-wait.css" />
</head>
<body>
  <script type="text/javascript" src="assets/js/please-wait.min.js"></script>
    <script type="text/javascript">
      var loading_screen = pleaseWait({
        logo: "assets/images/logo.png",
        backgroundColor: '#F4F5F7',
        loadingHtml: "<div class='sk-spinner sk-spinner-wave'><div class='sk-rect1'></div><div class='sk-rect2'></div><div class='sk-rect3'></div><div class='sk-rect4'></div><div class='sk-rect5'></div></div>"
      });
    </script>
</body>

Then within your app.component.ts, you just need to call (<any>window).loading_screen.finish(); to close the loading screen.

Feb 13 '19 13:02 danner26