Como fazer refresh na tela usando Angular?

Front-end
#1

Alguém conhece uma maneira de realizar refresh na tela de forma automática no momento que a página for carregada no Angular 2 + ?

#2

Refresh? estranho essa pergunta !!! pode contar mais do cenário?

#3

Uma das paginas do meu sistema web está com um defeito e gostaria de corrigir esse defeito com um remendo. Eu tenho um botão de navegação que está somente sendo habilitado quando faço um refresh na tela, mas quando ele vem de outra página como um via FORWARD, ou seja, estou na página principal ou uma página secundária e nessas páginas tem onde clicar para acessar a página que tem o menu de navegação, ele não habilita o menu, ele somente habilita quando faço um refresh na tela.

Para corrigir isso estava pensando em colocar uma linha de código que ao acessar a pagina ele fizesse um refresh na própria página que está sendo acessada, eu sei que existe o comando abaixo

window.location.reload();

Porém se eu colocar no meu arquivo Javascript que está delegando o menu de navegação ele fica dando refresh na tela ininterruptamente.

Eu só queria que ao acessar a pagina ele fizesse somente um refresh na tela.

Eu estou usando Angular 6, e estou usando o código Javascript abaixo;

$(document).ready(function() {
   
  $('.parallax').parallax();

  $("nav").mouseover(function(){
      $(".nav-itens").addClass("nav-show");
  });
  $("nav").mouseout(function(){
      $(".nav-itens").removeClass("nav-show");
  });

  $("a.tooltip").mouseover(function(){
      var texto = $(this).attr('data-tooltip');
      $(this).children(".text_tooltip").html(texto);
      $(this).children(".text_tooltip").css('opacity', '1');
  });

  $("a.tooltip").mouseout(function(){
      $(this).children(".text_tooltip").css('opacity', '0');
  });

  $(".text_tooltip").mouseover(function(e){
      e.stopPropagation();
  });

  var page = $('html, body');
  $('a.tooltip').click(function() {
  page.animate({
      scrollTop: $( $.attr(this, 'href') ).offset().top
  }, 500);
  return false;
  });

  $(document).scroll(function(){
      var topWindow = $(window).scrollTop();
      if(topWindow > 60) {
         $("header").addClass('header_fixed');
      }else {
         $("header").removeClass('header_fixed');
      };
      
  });
});
#4

Na verdade não teria que dar nenhum refresh o angular deveria controlar todos os eventos ! tem uma forma mas, eu vi isso em um vídeo é bem trabalho o código, bom vamos esperar se alguém possa te ajudar, mas, falta você colocar um exemplo do angular, eu acho pouco dificil alguem assim te dar uma solução.

#5

eu vou preparar um resposta melhor nesse mesmo post…

#6

Refresh com single page application? Algo está errado mesmo.

#7

Eu encontrei essa forma de realizar refresh na minha pagina através classe de componente, porém preciso que somente faça um refresh e não vários;

import { Location } from '@angular/common';
@Component({
  selector: 'app-node-paginate',
  templateUrl: './node-paginate.component.html',
  styleUrls: ['./node-paginate.component.css']
})
export class NodePaginateComponent implements OnInit {
  constructor(private location: Location) {}

  ngOnInit() {
      this.load();
  }

  load() {
      location.reload()
    }