Angular >> Move to different page

Angular >> Move to different page

@Component({
  selector: 'app-visit-rangle',
  template: `
    <button
      type="button"
      (click)="goTopage()">
      Visit Rangle
    </button>
  `
})
export class VisitRangleComponent {
  
  goTopage() {
    location.href = 'https://rangle.io';
  }
  
}

routerLink with parms

//post
<button [routerLink]="['/ouvidoria', 'solicitacao' ]" class="btn btn-light btn-block btn-ouvidoria">
    <img src="../assets/icons/01-chat.svg" alt="Solicitações">
    <p>Solicitação</p>
</button>

//get
@Component({
  selector: 'app-resultados-de-busca',
  templateUrl: './resultados-de-busca.component.html',
  styleUrls: ['./resultados-de-busca.component.scss']
})
export class ResultadosDeBuscaComponent implements OnInit {

  public searchParms: string;

  constructor(private activatedRoute: ActivatedRoute) { }

  ngOnInit(): void {
    this.searchParms = this.activatedRoute.snapshot.params.words
    console.log(this.searchParms);
  }

}

routerLink without parms

<button [routerLink]="[ '/ouvidoria' ]" class="btn btn-light btn-block btn-ouvidoria">
    <img src="../assets/icons/01-chat.svg" alt="Solicitações">
    <p>Solicitação</p>
</button>

traditional href

//dataCar is an Array in the component.ts
<a [href]="url" target="_blank">YouTube</a>