如何根据对象的状态显示一个类

-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

如何根据对象的状态显示一个类

回答

相关问题