Я ищу элемент в angular 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>
Я пытаюсь сделать это angular 6, но не могу найти эквивалент для $active.
:focus 12.01.2019 Это может быть частично достигнуто с помощью директивы
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();
}
}
