Betterzon/Frontend/src/app/pages/landingpage/landingpage.component.ts

import {Component, OnInit} from '@angular/core';
import {Router} from '@angular/router';
import {ApiService} from "../../services/api.service";

@Component({
    selector: 'app-landingpage',
    templateUrl: './landingpage.component.html',
    styleUrls: ['./landingpage.component.css']
})
export class LandingpageComponent implements OnInit {
    searchInput: string;
    isLoggedIn = false;

    constructor(
        private router: Router,
        private api: ApiService
    ) {
    }

    ngOnInit(): void {

    }

    startedSearch(): void {
        this.redirectTo('/search', {queryParams: {q: this.searchInput}});
    }

    redirectTo(uri: string, queryParams: object): void {
        this.router.navigateByUrl('/', {skipLocationChange: true}).then(() =>
            this.router.navigate([uri], queryParams));
    }
}