Search
 
SCRIPT & CODE EXAMPLE
 

TYPESCRIPT

angular refresh page without reloading

this.router.navigate(['path/to'])
  .then(() => {
    window.location.reload();
  });
Comment

how to refresh page angular

refresh(): void {
    window.location.reload();
}
Comment

angular reload component

reloadCurrentRoute() {
    let currentUrl = this.router.url;
    this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {
        this.router.navigate([currentUrl]);
    });
}
Comment

refresh angular

@Component({
	selector: 'app-root',
	templateUrl: './app.component.html',
	styleUrls: ['./app.component.css']
})
export class AppComponent {
	title = 'refreshPage';
	constructor(public _router: Router, public _location: Location) { }
	refresh(): void {
		this._router.navigateByUrl("/refresh", { skipLocationChange: true }).then(() => {
		console.log(decodeURI(this._location.path()));
		this._router.navigate([decodeURI(this._location.path())]);
		});
	}
}
Comment

how to make a component reload in angular

DeleteEmployee(id:number)
  {
    this.employeeService.deleteEmployee(id)
    .subscribe( 
      (data) =>{
        console.log(data);
        this.ngOnInit();
      }),
      err => {
        console.log("Error");
      }   
  }
Comment

angular refresh component without reloading page

/*You can use a BehaviorSubject for communicating between different 
components throughout the app. 
You can define a data sharing service containing the BehaviorSubject to 
which you can subscribe and emit changes.

Define a data sharing service
*/

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class DataSharingService {
    public isUserLoggedIn: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
}

/*Add the DataSharingService in your AppModule providers entry.

Next, import the DataSharingService in your <app-header> and in the 
component where you perform the sign-in operation. In <app-header> 
subscribe to the changes to isUserLoggedIn subject:
*/

import { DataSharingService } from './data-sharing.service';

export class AppHeaderComponent { 
    // Define a variable to use for showing/hiding the Login button
    isUserLoggedIn: boolean;

    constructor(private dataSharingService: DataSharingService) {

        // Subscribe here, this will automatically update 
        // "isUserLoggedIn" whenever a change to the subject is made.
        this.dataSharingService.isUserLoggedIn.subscribe( value => {
            this.isUserLoggedIn = value;
        });
    }
}

/*In your <app-header> html template, you need to add the *ngIf 
condition e.g.:
*/

<button *ngIf="!isUserLoggedIn">Login</button> 
<button *ngIf="isUserLoggedIn">Sign Out</button>

// Finally, you just need to emit the event once the user has logged in e.g:

someMethodThatPerformsUserLogin() {
    // Some code 
    // .....
    // After the user has logged in, emit the behavior subject changes.
    this.dataSharingService.isUserLoggedIn.next(true);
}
Comment

PREVIOUS NEXT
Code Example
Typescript :: list commits in git 
Typescript :: No safe area insets value available. Make sure you are rendering `<SafeAreaProvider` at the top of your app. 
Typescript :: sort list of objects by attribute java 
Typescript :: vue typescript extend component option 
Typescript :: where will @componentScan look 
Typescript :: jasmine angular contains expression 
Typescript :: how to clear all the dropdown elements in jquery 
Typescript :: sass migrate division vue 
Typescript :: git writing objects slow 
Typescript :: adonis validator exists 
Typescript :: Which two import statements will allow for the import of the HashMap class? 
Typescript :: typescript assigning parameter is forbidden 
Typescript :: sts getting slow while pressing control key 
Typescript :: testing typescript with jest 
Typescript :: ERROR in ngcc is already running at process with id 8108. If you are running multiple builds in parallel then you should pre-process your node_modules via the command line ngcc tool before starting the builds; 
Typescript :: typescript substring 
Typescript :: change execution policy 
Typescript :: contract in solidity 
Typescript :: cannot find module jquery typescript ionic 
Typescript :: voting results 2020 live 
Typescript :: express typescript error handling 
Typescript :: 3 dots icon flutter 
Typescript :: mysql insert exists update 
Typescript :: Display current directory contents. Long format with user and group IDs displayed numerically And hidden files (starting with .) 
Typescript :: css how to create gradients on text stroke 
Typescript :: typescript formik useFormik 
Typescript :: getstaticpaths in nextjs 
Typescript :: class validator enum 
Typescript :: regex remove brackets and contents 
Typescript :: Angular 6 checkbox checked dynamically 
ADD CONTENT
Topic
Content
Source link
Name
4+3 =