ngClass if string length

Question

I want to add a class to my div if a string is larger than 10 characters, I try this but didn't work

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

Answer 1

You need to box it using [] so that becomes [ngClass]. This notation is used for expression binding.

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