What could you add to this directive class to allow the truncate length to be set during directive usage in markup?

@Directive({
    selector: '[appTruncate]'
})
export class TruncateDirective {
    . . .
}
// example of desired usage:
<p [appTruncate]="10">Some very long text here</p>