What does this line do?

@HostBinding('[class.valid]') isValid;

@HostBinding lets you set properties on the element or component that hosts the directive.

The code applies the css class valid to whatever is using this directive conditionally based on the value of isValid.