Мне нужно, чтобы моя панель навигации была прозрачной, но только на домашней странице.И белый фон на других страницах

Question

Мне нужно, чтобы моя панель навигации была прозрачной только на главной странице.И белая панель навигации bg на других страницах.Я пытался сделать это в угловых, но это не сработало.Вот мои коды:

navbar.component.html

<nav [class.transparent-bg]="isHomePage"></nav>

navbar.component.ts

isHomePage = function(){
        if(window.location.hash =='#/'){
            return true; 
        }else{
            return false; 
        }
     }

Благодаря этому панель навигации всех страниц стала прозрачнойBG.пожалуйста, помогите.

Answer 1

Вы можете использовать Router для получения текущего URL-адреса маршрутизации. Для получения дополнительной информации вы можете увидеть угловую документацию https://angular.io/guide/router

Решение:

nav.component.ts

import { Router } from '@angular/router';

constructor(private router: Router){}

isHomePage(){
    if(this.router.url == 'YOUR_HOME_URL'){
        return true; 
    }else{
        return false; 
    }
 }