ngClass if string length

Question

如果一个字符串大于10个字符，我想在我的div中添加一个类，我试试这个但是没有工作

<div class="page-heading" ngClass="{'hidden-lines':post.title.length > 10}">

Answer 1

您需要使用[]对其进行包装，以便成为[ngClass]。此表示法用于表达式绑定。

<div class="page-heading" [ngClass]="{'hidden-lines':post.title.length > 10}">

Answer 2

另一种选择是：

<div class="page-heading" [class.hidden-lines]="hideLines">

组件中的

：

get hideLines(): boolean {
   return this.post.title.length > 10;
}

当您需要根据条件控制单个类时，这是特别实用的