TA貢獻(xiàn)1884條經(jīng)驗(yàn) 獲得超4個(gè)贊
您沒有提到索引的路徑是什么。我猜它可能是“/”或“索引”。檢查您的索引路徑，然后比較代碼中的路徑
if (window.location.pathname != ""
|| window.location.pathname != "/"
|| window.location.pathname != "index") {
$('#main-nav').css('background-color', 'black');
}
TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊
由于您使用的是 Angular 10，因此您可以使用路由器并添加樣式，這非常容易。
Angular Router 在你的 component.ts 文件中注入 Angular 路由器
Constructur(public router: Router){
//After Logging check the url string and add it to the ngClass condition
console.log(router.url);
}
然后在你的 html 文件中，在你的案例中，將 navbar html 文件添加到 navbar 標(biāo)簽中，添加 ngClass。NgClass 指令
[ngClass]="{'customStyle': router.url=== '/'}"
在您的導(dǎo)航欄組件 css 文件中。
.customStyle{
background-color: "black"
}
TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超9個(gè)贊
請?jiān)囋囘@個(gè)：
$(document).ready(function(){
if (window.location.pathname != "" || window.location.pathname.indexOf("index")>0) {
$('#main-nav').css('background-color', 'black');
}
});
舉報(bào)