Javascript 如果在li元素中,如何在ng中发送范围变量?

Javascript 如果在li元素中,如何在ng中发送范围变量?,javascript,html,angularjs,Javascript,Html,Angularjs,如果在li元素中,如何在ng中发送范围变量?我有一个li需要根据范围变量进行更改。如果值为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="{{onbulb

如果在li元素中,如何在ng中发送范围变量?我有一个li需要根据范围变量进行更改。如果值为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>
你可以做:

<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>

光状态
您可以执行以下操作:

<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>

光状态

问题可能是您使用的字符串
是“true”
是“false”
而不是实际的布尔值。这些字符串的计算结果总是真实的,因此
ng if
永远不会为false。您也不需要
{{}}
。如果不是这样,我们就无法从给定的样本中判断问题所在。@deceze是正确的。angularjs作用域需要记住的另一件重要事情是,原语最好不要直接在作用域上,因为它们的值并不总是正确地传播到子作用域。最好将这些属性放在对象中,如$scope.properties={onbulbstatus:true,…}问题可能是您使用的字符串是
“true”
“false”
,而不是实际的布尔值。这些字符串的计算结果总是真实的,因此
ng if
永远不会为false。您也不需要
{{}}
。如果不是这样,我们就无法从给定的样本中判断问题所在。@deceze是正确的。angularjs作用域需要记住的另一件重要事情是,原语最好不要直接在作用域上,因为它们的值并不总是正确地传播到子作用域。最好将这些属性放在对象中,如$scope.properties={onbulbstatus:true,…}感谢它在关闭状态下工作,希望它在使用AngularJS的响应中也能工作,感谢它在关闭状态下工作,希望它在使用AngularJS的响应中也能工作