Я хочу применить условный класс к элементу на странице.

В настоящее время он работает со следующим кодом:

ng-class="{ 'vfnz-form--error' : loginForm.username.$invalid  }

Это применяет недопустимый класс, если поле ввода недопустимо. Я хочу применить "действительный» Класс, когда поле ввода пользователя является действительным.

Можно ли добиться этого в одной строке кода?

Вот пример скрипки:JSFIDDLE