Taiga UI 5.0 is out!

ValueChanges CDK

GitHub

On this page

This directive allows you to access reactive control or container value changes as an output

Control

    
      
    
    
      <form [formGroup]="form">
    <tui-textfield>
        <input
            formControlName="control"
            tuiInput
            (tuiValueChanges)="onChanges($event)"
        />

        <label tuiLabel>Value changes on blur</label>
    </tui-textfield>
</form>

    

Container

    
      
    
    
      <form
    [formGroup]="form"
    (tuiValueChanges)="onChanges($event)"
>
    <tui-textfield>
        <label tuiLabel>Value changes on blur</label>
        <input
            formControlName="name"
            tuiInput
        />
    </tui-textfield>

    <tui-textfield class="tui-space_top-4">
        <label tuiLabel>Value changes on edit</label>
        <input
            formControlName="age"
            tuiInputNumber
            [step]="1"
        />
    </tui-textfield>
</form>