item.isNearDueDate ? ' red' : '',
item.completed ? ' completed' : ''
我要为类date添加两个动态类绑定,其中,completed权重更高,即当completed为真时,即使red为真也不表达,而表达completed为真时的样式,
即优先判定completed的值,当completed为true时,仅表达&.completed样式,而只有在completed为false时才考虑red是否表达,因此,可以这样写:
class="date{{item.completed ? ' completed' : item.isNearDueDate ? ' red' : ''}}"
这样就可以确保无论哪个条件为真,只有一个类会被应用到 date
元素上,且 completed
类的权重更高。