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

Question

我阅读了以下内容，但这似乎没有回答我的问题。在我正在学习的其中一个教程中，我遇到了这个

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

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

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

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

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

是否将 "row" 替换为 "selected" ？ html/style 到底发生了什么？

Answer 1

它产生

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

而这段代码

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

会导致

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

What does the following property binding do `[class.selected]=true`