Linked Questions
23 questions linked to/from Show loading screen when navigating between routes in Angular 2
22
votes
7
answers
24k
views
Angular 2 - Show loading-information when (observableData | async) is not yet resolved
just as the title says, I want to embrace the power of rxjs Observables.
What I do now:
// dataview.html
<div *ngIf="isLoading">Loading data...div>
<ul *ngIf="!isLoading">
<li ...
- 10.8k
21
votes
2
answers
15k
views
Angular js - show/hide loading gif every new route
I'm trying to toggle (hide/show) a loading gif on every new route, so my logic would be:
routeChangeStart = show loading gif
routeChangeSuccess = hide loading gif
This is my code:
//ANGULAR
app....
- 50k
16
votes
2
answers
12k
views
How does "Angular 2.0 for TypeScript" (alpha) animation work?
I am very new in the Angular scene. I just started to learn Angular 2.0 for TypeScript and I was wondering, how the animation (like in a simple HTML with jQuery) works in Angular 2.0
In the homepage ...
- 771
9
votes
4
answers
17k
views
Angular 2 loader on each http request
What i am trying to do is:
I want to use the spinner whenever a http request accurs. In other words i want user to see a loading screen whenever a http request happens in my app.component.
My ...
- 562
5
votes
1
answer
8k
views
Angular2 access variables from another component
Tried EventEmitter but no chance and so little documentation... Any help appreciated
I have a component called sidebar and another one called header, when you click on a button from the header, it ...
- 2,146
0
votes
2
answers
5k
views
How to display loading screen while routing using navigation in Angular2?
I've tried this solution but could'nt get it working. I'm completely new to Angular2 (with no knowledge of AngularJS). Well the loading screen does'nt show up, I guess I need to add some time out so ...
- 426
1
vote
2
answers
5k
views
Angular 2 - router: How to animate page transition during route resolve
Currently inside my NG2 app I'm using a resolver, that makes a connection to signalr. I have configured the resolver inside my route config, so when navigation to the destination page, the resolve ...
- 13.6k
0
votes
2
answers
3k
views
Is there a way for a dialog to open itself?
i have an angular material design dialog component on a route and i'd like to open the dialog when i navigate to that route.
is there a way for the mdDialog to open itself rather than pointing it to ...
- 1,868
1
vote
2
answers
1k
views
How can I get a directive/component instance inside another component?
I have an AlertComponent that I would like to use as a directive in my AppComponent and expose it so that it's available (as a sort of singleton) to all the routes/children components from ...
- 2,858
5
votes
0
answers
4k
views
Angular 4+. Show spinner while resolvers is process
Is it possible to show spinner instead of an empty page while resolvers do some work?
I have a module with two resolvers:
const routes: Routes = [
{
path: '',
component: MyComponent,
...
- 63
0
votes
2
answers
3k
views
Angular2: Hide current view when routing to other view
I'm working with angular2 rc1. I'm working on a simple game that starts with a menu screen and when clicking on a menu button I would like to navigate to a different view, replacing the current view. ...
1
vote
2
answers
4k
views
Angular 4 properly show loading screen
I'm using Angular 4 and I'd like to display a loading screen (basic spinner) between routes navigation.
I've used this technique in order to subscribe to the proper events, and used style.visibility ...
- 126
0
votes
2
answers
2k
views
ViewChild returns undefined
I am using material design and Angular 5. I was trying to use the material loader, so when navigation start show loader and when ends remove loader as per the answer in this question. I tried ...
- 159
2
votes
1
answer
3k
views
Show Load Spinner on Angular2 Route Navigate
I have seen (this question) and its Answer from @borislemke.
Actaully, tried on Angular2 Demo Application but its not changing Loader Div Background color while Navigating to another route.
My ...
- 255
0
votes
1
answer
1k
views
angular 4, zone.js and a custom event of a javascript library
I included cropper.js in my angular 4 project.
in the component I use cropper.js I registered its ready event like so:
this.cropperOptions = {
// omitted options which are not importent
...
- 2,105