如何在 HTML 模板中简化 true/false 三元运算符?
How to make a true/false ternary operator simpler in a HTML template?
下面是我的部分 html
模板;我觉得很丑...
有没有办法让 ${dod.city === true ? true : false}
三元更简单?
我在网上找不到任何方法。
非常感谢。
<span data-desktop=${dod.city === true ? true : false} data-mobile=${dom.city === true ? true : false}>CITY</span>
<span data-desktop=${dod.zipcode === true ? true : false} data-mobile=${dom.zipcode === true ? true : false}>ZIPCODE</span>
<span data-desktop=${dod.building === true ? true : false} data-mobile=${dom.building === true ? true : false}>BUILDING</span>
如果您只想在 data-desktop
和 data-mobile
中传递 true 或 false,那么您可以这样做:-
<span data-desktop=${!!dod.city} data-mobile=${!!dom.city>CITY</span>
<span data-desktop=${!!dod.zipcode} data-mobile=${!!dom.zipcode}>ZIPCODE</span>
<span data-desktop=${!!dod.building} data-mobile=${!!dom.building}>BUILDING</span>
下面是我的部分 html
模板;我觉得很丑...
有没有办法让 ${dod.city === true ? true : false}
三元更简单?
我在网上找不到任何方法。
非常感谢。
<span data-desktop=${dod.city === true ? true : false} data-mobile=${dom.city === true ? true : false}>CITY</span>
<span data-desktop=${dod.zipcode === true ? true : false} data-mobile=${dom.zipcode === true ? true : false}>ZIPCODE</span>
<span data-desktop=${dod.building === true ? true : false} data-mobile=${dom.building === true ? true : false}>BUILDING</span>
如果您只想在 data-desktop
和 data-mobile
中传递 true 或 false,那么您可以这样做:-
<span data-desktop=${!!dod.city} data-mobile=${!!dom.city>CITY</span>
<span data-desktop=${!!dod.zipcode} data-mobile=${!!dom.zipcode}>ZIPCODE</span>
<span data-desktop=${!!dod.building} data-mobile=${!!dom.building}>BUILDING</span>