我的ngStyle不适用于离子的“或”条件

时间:2019-02-09 06:36:49

标签: angular ionic-framework

我正在Ionic App中工作,并且已在ngStyle中应用了OR条件,但它不适用于2个条件,但可以正常工作。

这是我的病情:

 <p 
    [ngStyle]="detailsp?.discount || detailsp?.discountp === '0' ? 
    {'text-decoration':'none'} : {'text-decoration':'line-through'}">
    MRP: ₹{{detailsp.product_price || detailsp.disprice}}
</p>

它无法正常工作,但只有一种情况可以正常工作。

对此进行检查:

  <p 
     ng-reflect-ng-style="[object Object]" 
    style="text-decoration: none;">
    MRP: ₹356
</p>

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我认为有角度的工作正常,但离子的却没有, 您可以在括号上加上括号,以确保一切正常。

<p [ngStyle]="(detailsp?.discount || detailsp?.discountp === '0') ? {'text-decoration':'underline'} : {'text-decoration':'line-through'}">MRP: </p>

我认为这可能有用。