ngClass wenn Stringlänge

Question

ich eine Klasse zu meinem div hinzufügen möchten, ob ein String größer als 10 Zeichen ist, versuche ich dies aber nicht

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

Answer 1

Sie boxen müssen es [] so mit funktionierte das wird [ngClass]. Diese Schreibweise wird für die Ausdrucksbindung verwendet.

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

Answer 2

Eine weitere Alternative wäre die folgende:

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

in Komponente:

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

Dies ist speziell util, wenn Sie eine einzelne Klasse steuern müssen abhängig von einer Bedingung