bsalex / angular-loading-overlay

• 👋 Hi, I’m Oleksandr
• 👀 I’m interested in programming
• 🌱 I’m currently learning wordpress, podman, objective c
• 💞️ I’m looking to collaborate on everything
• 📫 How to reach me:
  • StackOverflow - https://stackoverflow.com/users/2887022/bsalex
  • Twitter - https://twitter.com/bsalexmail

angular-loading-overlay's Issues

TypeError: Cannot read property 'activeOverlays' of null at BsLoadingOverlayService.stop

Hi there,
I am trying to use the control in along with Angular Material (1.1.1) and Angular (1.5.8). I am using very basic configuration described here http://bsalex.github.io/angular-loading-overlay/_site/ - Global configuration.

The issues I have:

1. I cannot see the overlay layer
2. I have the error mentioned above TypeError: Cannot read property 'activeOverlays' of null at BsLoadingOverlayService.stop

Please help,
Angel

Cleanup non issue

When my account was compromised a spam issue was created in this repo. I sincerely apologize. Cleaning up such issues via script.

Not parsing HTML

Hello,

I have a problem with this module.
It runs without any js error. But as soon as I want to show a spinner it just outputs the HTML code from the template instead of parsing it.

Did I miss something?

Thanks

Edit: my fault... html template was wrong encoding

Uncaught TypeError: Cannot read property '$destroy' of undefined - angular-loading-overlay.js:98

Hello

Using an overlay in a modal, when I close the modal, I get this error in the console.
Changing this segment (near line 98)
$element.on('$destroy', function () { overlayElementScope.$destroy(); unsubscribe(); });
To
$element.on('$destroy', function () { if (overlayElementScope){ overlayElementScope.$destroy(); } unsubscribe(); });

Corrects the problem.

Ability add text below spinner?

Is there any options?

no errors

no errors, but it wont start/stop the overlay, nothing happends.

Error: [$injector:modulerr] Failed to instantiate module {} due to: Error: [ng:areq] Argument 'module' is not a function, got Object

I'm getting the mentioned error when I try to use your library with AngularFullStack angularjs 1.5.

Import in app.js is like the following:

import AngularLoadingOverlay from 'angular-loading-overlay';

And then it's being injected in the app like this:

angular.module('tesseractSpsApp', [ngCookies, ngResource, ngSanitize, 'btford.socket-io', uiRouter,
uiBootstrap, AngularToastr, AngularLoadingOverlay
])

What am I doing wrong? How can I fix it?

package.json postinstall error

postinstall runs typings install
this will not work if i don't have typings globally installed on my machine,

Console error

Error if (overlayElement === undefined)

21b6978f7.vendor.js:9946 TypeError: Cannot read property 'isAttached' of undefined
    at updateOverlayElement (1b6978f7.vendor.js:46909)
    at 1b6978f7.vendor.js:46904
    at m.$emit (1b6978f7.vendor.js:9974)
    at notifyOverlays (1b6978f7.vendor.js:46953)
    at Object.stop (1b6978f7.vendor.js:46958)
    at c407714f.scripts.js:3256
    at 1b6978f7.vendor.js:9925
    at 1b6978f7.vendor.js:9958
    at m.$eval (1b6978f7.vendor.js:9973)
    at m.$digest (1b6978f7.vendor.js:9970)(anonymous function) @ 1b6978f7.vendor.js:9946(anonymous function) @ 1b6978f7.vendor.js:9919m.$emit @ 1b6978f7.vendor.js:9975notifyOverlays @ 1b6978f7.vendor.js:46953stop @ 1b6978f7.vendor.js:46958(anonymous function) @ c407714f.scripts.js:3256(anonymous function) @ 1b6978f7.vendor.js:9925(anonymous function) @ 1b6978f7.vendor.js:9958m.$eval @ 1b6978f7.vendor.js:9973m.$digest @ 1b6978f7.vendor.js:9970m.$apply @ 1b6978f7.vendor.js:9973g @ 1b6978f7.vendor.js:9926t @ 1b6978f7.vendor.js:9930u.onload @ 1b6978f7.vendor.js:9931
1b6978f7.vendor.js:47046 Uncaught TypeError: Cannot read property 'show' of null

Comment at beginning of template causes .stop() to fail silently.

v1.1.1

error on loading

Uncaught Error: [$injector:modulerr] Failed to instantiate module mean due to:
Error: [$injector:modulerr] Failed to instantiate module airport due to:
Error: [$injector:modulerr] Failed to instantiate module bsLoadingOverlay due to:
Error: [$injector:nomod] Module 'bsLoadingOverlay' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.8/$injector/nomod?p0=bsLoadingOverlay
at http://178.62.5.64:3000/lib/angular/angular.js:68:12
at http://178.62.5.64:3000/lib/angular/angular.js:2082:17
at ensure (http://178.62.5.64:3000/lib/angular/angular.js:2006:38)
at module (http://178.62.5.64:3000/lib/angular/angular.js:2080:14)
at http://178.62.5.64:3000/lib/angular/angular.js:4617:22
at forEach (http://178.62.5.64:3000/lib/angular/angular.js:321:20)
at loadModules (http://178.62.5.64:3000/lib/angular/angular.js:4601:5)
at http://178.62.5.64:3000/lib/angular/angular.js:4618:40
at forEach (http://178.62.5.64:3000/lib/angular/angular.js:321:20)
at loadModules (http://178.62.5.64:3000/lib/angular/angular.js:4

$http error never called

If I push the allHttpInterceptor $http error callback is never executed.
As soon as I remove the interceptor error is called just fine.

I more or less just copied the example from the doc page

Any idea?

hav error found in my web

Error: [$compile:tpload] http://errors.angularjs.org/1.5.8/$compile/tpload?p0=loading-overlay-template.html&p1=404&p2=Not%20Found
N/<@http://127.0.0.1/zzz/assets/vendor/angular/angular.min.js:6:412
f/<@http://127.0.0.1/zzz/assets/vendor/angular/angular.min.js:156:511

Should have sample overlay-template.html and css

I know, angularjs is dying but... I am still using it.
It took me quite a while to realize that overlay-template.html and css are missing from the dist folder. I
hope the owner may add , if not, here you go:

overlay-template.html

`<div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;
margin:auto;
background-color: rgba(255,255,255,0.7);

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

" >

`

css : extract from the demo

`

.bs-docs-masthead {
padding-top: 50px;
padding-bottom: 40px;
margin-bottom: 20px;
}

.bs-docs-header h1, .bs-docs-header p {
margin-right: 0px;
}

.bs-docs-sidebar .nav > li > a {
font-size: 15px;
}

.bs-docs-sidebar .nav .nav > li > a {
font-size: 14px;
}

.back-top-top {
font-size: 13px;
}

.bs-loading-container {
position: relative;
margin-top: 15px;
}

#content {
position: relative;
}

#content:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
height: 50px;
width: 30%;
background: linear-gradient(135deg, transparent 50px, white 50px);
}

.bs-docs-masthead .version {
color: #FFF;
}

.bs-docs-dl dt {
margin-top: 25px;
padding-left: 25px;
}

.bs-docs-dl dd {
margin-top: 10px;
padding-left: 50px;
}

.tab-pane pre[class*="language-"] {
margin: 0;
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
`

hope it may help someone in the future

Loading doesn't stop

I used the example with the template and when the service starts everything it's ok, the problem appears when it needs to stop. I just doesn't do anything, no errors, no misbeheavior, nothing..

Any tips?

Html:

Show overlay
Hide overlay

Some content here

Controller:

$scope.showOverlay = function () {
bsLoadingOverlayService.start();
};

$scope.hideOverlay = function () {
bsLoadingOverlayService.stop();
};