我想在 li click 中更改活動類
<pre> <li (click)="useLanguage('fr')"></li>
<li (click)="useLanguage('zh')"></li>
<li (click)="useLanguage('en')"></li>
在組件中，我撰寫了函式
useLanguage(language: string) {
this.translate.use(language);
}
我想在單擊 li 時添加活動類也必須從其他 li 中洗掉。怎么做？
uj5u.com熱心網友回復：
可以使用以下語法有條件地應用類：
<div [class.className]="someBoolean"><div>
因此，如果您將所選語言存盤在變數中，您可以這樣做：
模板：
<li [class.active]="selectedLanguage==='fr'" (click)="useLanguage('fr')"></li>
<li [class.active]="selectedLanguage==='zh'" (click)="useLanguage('zh')"></li>
<li [class.active]="selectedLanguage==='en'" (click)="useLanguage('en')"></li>
成分：
selectedLanguage = 'fr';
useLanguage(language: string) {
this.translate.use(language);
this.selectedLanguage = language;
}
這是一個有效的StackBlitz演示。
uj5u.com熱心網友回復：
// 默認語言
selectedLanguage = "fr";
// html
<li [ngClass]="{'selected-value' : selectedLanguage==='fr'}"(click)="useLanguage('fr')"></li>
// 改變語言功能
useLanguage(language: string) {
this.translate.use(language);
this.selectedLanguage = language;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/342738.html
標籤：有角的