Есть ли элемент, похожий на angularJs form.firstname. $ Active in angular 6

Question

Я ищу элемент в угловом 6, который похож на поиск активного / сфокусированного элемента формы, чтобы я мог переключать класс на метке, связанной с этим полем ввода.

<input type="text" money name="amount" id="amount" class="form-control" ng-model="amount" />
<label for="amount" ng-class="{'active': form.amount.length || form.amount.$active}">
     Amount to finance
</label>

Я пытаюсь сделать это угловой 6, но не могу найти эквивалент для $ active.

Answer 1

Это может быть частично достигнуто с помощью директивы

HTML

    <input type="text" money name="amount" id="amount" class="form-control" 
ng-model="amount" appActive/>
    <label for="amount" ng-class="{'active': form.amount.length || form.amount.$active}">
         Amount to finance
    </label>

Угловая

@Directive({
  selector: '[appActive]'
})

export class ActiveDirective implements OnChanges {

@HostListener('click') onClick() {
    this.addActiveClass();
  }

@HostListener('focusin') onFocusIn() {
    console.log('mouseenter1')
  }

  @HostListener('focusout') onFocusOut() {
    console.log('mouseenter2')
  }

  @HostListener('blur') onBlur() {
    this.checkAndRemoveActiveClass();
  }


}