以下属性绑定做什么`[class.selected] = true`

Question

我阅读了以下post，但似乎没有回答我的问题。在我关注的其中一个教程中，我遇到了这个

<div class=row [class.selected]=true>
</div>

现在我注意到下面css show中的.selected类声明

.selected {
 border-right : 5px solid #EEE;
 border-bottom : 5px solid #EEE;
}

现在我的问题是以下代码是做什么的？

 <div class=row [class.selected]=true>
    </div>

是否用“已选择”替换“行”？ html / style究竟发生了什么？

Answer 1

它产生

<div class="row selected">
</div>

这段代码

<div class=row [class.selected]=false>
</div>

会导致

<div class="row">
</div>