如何在li元素的ng-if中发送范围变量?

时间:2019-07-04 08:58:41

标签: javascript html angularjs

如何在li元素的ng-if中发送范围变量?我有一个李,我需要根据作用域变量进行更改。如果值为true,则应显示不同的li。 html代码

<h4 class="font-weight-normal mb-3">
    Light Status
    <i ng-if="{{offbulbstatus}}" class="mdi mdi-lightbulb mdi-24px float-right"></i>
    <i ng-if="{{onbulbstatus}}" class="mdi mdi-lightbulb-on mdi-24px float-right"></i>
</h4>

javascript

 if($scope.lightstatus =="ON"){
     $scope.onbulbstatus= true;
     $scope.offbulbstatus=false;
 }
 else {
     $scope.onbulbstatus= false;
     $scope.offbulbstatus=true;
 }

1 个答案:

答案 0 :(得分:2)

您可以这样做:

<h4 class="font-weight-normal mb-3">
    Light Status
    <i class="mdi mdi-lightbulb mdi-24px float-right"
       ng-class="{'mdi-lightbulb': lightstatus !== 'ON', 'mdi-lightbulb-on': lightstatus === 'ON'}"></i>
</h4>