已解決430363個問題，去搜搜看，總會有你想問的

單擊按鈕后將“檢查”類添加到上一項

首頁猿問單擊按鈕后將“檢查&r...

單擊按鈕后將“檢查”類添加到上一項

JavaScript

暮色呼如 2022-10-08 16:01:54

當我單擊按鈕并且我當前移動到下一個項目時，我試圖添加一個在上一個項目上解鎖的類，但我不知道如何。當前功能運行良好，但我想添加解鎖類。任何幫助都會很棒。<ul> <li class="locked" *ngFor="let subLecture of lectureList; let j = index" [ngClass]="{ 'current': lectureIndex == j}" (click)="lectureItemClick(j)"> <a>{{subLecture}}</a> </li> </ul> <button (click)="nextLectureSecond()">Next</button>這是一個附加的演示： https ://stackblitz.com/edit/angular-ivy-cdiev5

查看完整描述

3 回答

明月笑刀無情

TA貢獻1828條經驗獲得超4個贊

您也可以在中添加另一個條件[ngClass]，例如'unlocked': lectureIndex > j如果您希望將該類應用于所有先前的項目。

看看這是否有幫助：

<ul>

<li class="locked" *ngFor="let subLecture of lectureList; let j = index"

[ngClass]="{ 'current': lectureIndex == j, 'unlocked': lectureIndex > j}"

(click)="lectureItemClick(j)">

<a>{{subLecture}}</a>

</li>

</ul>

同樣，您可以更改邏輯以適合您的場景。

Stackblitz：https ://stackblitz.com/edit/angular-ivy-62422113

反對回復 2022-10-08

揚帆大魚

TA貢獻1799條經驗獲得超9個贊

雖然document在使用服務器端渲染的情況下不建議使用關鍵字，但您也可以使用其他解決方法，您也可以按照以下方式進行操作。

....

</li>

nextLectureSecond() {

....

let ele = document.getElementById(this.lectureIndex.toString());

(<HTMLParagraphElement>ele).classList.add("unlocked");

const a = this.lectureIndex++;

....

}

反對回復 2022-10-08

Qyouu

TA貢獻1786條經驗獲得超11個贊

只是上一個項目？像這樣更改您的 ng-class 聲明： [ngClass]="{ 'current': lectureIndex == j, 'unlocked' : (lectureIndex!=0 && lectureIndex - 1 == j )}" Se here

反對回復 2022-10-08

3 回答
0 關注
161 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

單擊按鈕后將“檢查”類添加到上一項

單擊按鈕后將“檢查”類添加到上一項

3 回答

添加回答