如何根據對象的狀態顯示一個類

-1

我正在開發一個測驗軟件，我想顯示每個問題的數字指針。我懷疑如何在不同的問題狀態下顯示指針的不同類，以及在其上面的一系列數字。如何根據對象的狀態顯示一個類

我已經編寫了兩個senarios

ng-class="{ 

    'ibps-answered': question.selected !== null, 
    'ibps-not-answered': question.selected === null 

    }", 

    ng-click="quiz.setActiveQuestion($index)"">1

的問題四種不同的狀態有如下

`class="ibps-not-visited"`:questions at initial stage without touching "`default`" 

`class="ibps-not-answered"`:questions visited but options are not attempted 

`class="ibps-review"`:"have a special button for marking it for review in future without answering it." 



class="ibps-answered":"Have attempted the questions" 

class="ibps-review-answered":"have attempted and also marked for review"

第一種情況將是一個默認的情況下。我怎樣才能達到其他四個條件。請給我一些建議。

來源

2016-08-30 Nivas Dhina

分享您的完整代碼！ – Aravind

iam期待一個邏輯arvind，iam不知道這些事件發生時會發生什麼事情..此外這些都是一種形式的所有常見的條件情況 –

我想創建一個函數返回類

ng-class={{getClass()}} 

$scope.getClass = function(){ 
    //logic here 
    return className; 
}

當然，你可以添加輸入功能擴展邏輯

來源

2016-08-30 16:59:21

我需要把所有內容放在ng-重複.....如果100個問題可用我不能做這個我猜..更多的我想要一個邏輯，它滿足這種條件。 –

@NivasDhina我修改了答案，以更符合你的需要 –

使用嵌套內聯的if-then語句：

<div ng-class=" ... ? 'class-1' : (... ? 'class-2' : 'class-3')">

來源

2016-08-30 17:00:47

您可以在控制器中創建一個函數來控制和檢查每個問題的狀態，然後使用ng-class來應用每個類別：

<li ng-class="{ 'ibps-answered':yourCtrl.isAnswered('Question1'), 'ibps-not-visited':yourCtrl.isNotVisited('Question1'), ....}">

如果你號超出您的問題用它作爲標識符的函數參數

它與NG-重複如果標識符是你的問題的數據

來源

2016-08-30 17:25:44 Khelmo

如何根據對象的狀態顯示一個類

回答

相關問題