@angular/forms/signals

hidden

function

Adds logic to a field to conditionally hide it. A hidden field does not contribute to the validation, touched/dirty, or other state of its parent field.

API

function hidden<TValue, TPathKind extends PathKind = PathKind.Root>(  path: SchemaPath<TValue, 1, TPathKind>,  logic: NoInfer<LogicFn<TValue, boolean, TPathKind>>,): void;

Description

Adds logic to a field to conditionally hide it. A hidden field does not contribute to the validation, touched/dirty, or other state of its parent field.

If a field may be hidden it is recommended to guard it with an @if in the template:

@if (!email().hidden()) {  <label for="email">Email</label>  <input id="email" type="email" [control]="email" />}