◐ Shell
reader mode source ↗
Skip to main content
menu
menuAPI
  • arrow_back API Reference
    • Overview
    • @angular/animations
    • @angular/animations/browser
    • @angular/animations/browser/testing
    • @angular/aria/accordion
    • @angular/aria/combobox
    • @angular/aria/grid
    • @angular/aria/listbox
    • @angular/aria/menu
    • @angular/aria/tabs
    • @angular/aria/toolbar
    • @angular/aria/tree
    • @angular/cdk/drag-drop
    • @angular/cdk/testing
    • @angular/cdk/testing/protractor
    • @angular/cdk/testing/selenium-webdriver
    • @angular/cdk/testing/testbed
    • @angular/common
    • @angular/common/http
    • @angular/common/http/testing
    • @angular/common/testing
    • @angular/common/upgrade
    • @angular/core
    • @angular/core/rxjs-interop
    • @angular/core/testing
    • @angular/elements
    • @angular/forms
    • @angular/forms/signals
    • @angular/forms/signals/compat
    • @angular/localize
    • @angular/localize/init
    • @angular/platform-browser
    • @angular/platform-browser-dynamic
    • @angular/platform-browser-dynamic/testing
    • @angular/platform-browser/animations
    • @angular/platform-browser/animations/async
    • @angular/platform-browser/testing
    • @angular/platform-server
    • @angular/platform-server/testing
    • @angular/router
    • @angular/router/testing
    • @angular/router/upgrade
    • @angular/service-worker
    • @angular/ssr
    • @angular/ssr/node
    • @angular/upgrade
    • @angular/upgrade/static
    • @angular/upgrade/static/testing
    • window.ng globals
@angular/forms

NgControlStatus

directive
stable

Directive automatically applied to Angular form controls that sets CSS classes based on control status.

API

    
      class NgControlStatus extends AbstractControlStatus {  constructor(cd: NgControl): NgControlStatus;  protected override readonly isTouched: boolean;  protected override readonly isUntouched: boolean;  protected override readonly isPristine: boolean;  protected override readonly isDirty: boolean;  protected override readonly isValid: boolean;  protected override readonly isInvalid: boolean;  protected override readonly isPending: boolean;  protected override readonly isSubmitted: boolean;}
    
    

Description

Directive automatically applied to Angular form controls that sets CSS classes based on control status.


Exported by

Usage Notes

CSS classes applied

The following classes are applied as the properties become true:

  • ng-valid
  • ng-invalid
  • ng-pending
  • ng-pristine
  • ng-dirty
  • ng-untouched
  • ng-touched
Jump to details