Select theme:

Material 3

CompareValidator (Angular)link

This guide demonstrates how to use the CompareValidator component.

The CompareValidator will show its Text property unless the value of its Component is equal to a specified value or the value of another component.

CompareValidator Propertieslink

NameTypeDefaultDescription
Namestring'compareValidator' + index suffixUnique name of CompareValidator.
Textstring'Value should match'The text that the validator will display.
ComponentstringnullThe Name of a input component.
ComponentToComparestringnullThe Name of a input component to compare with.
Visibleboolean/expressiontrueIs the CompareValidator visible.

Usagelink

The CompareValidator is used to verify that value of an input component (e.g. TextBox, DropDown) matches some other value - either a predefined one or the value of another component.

  1. Drag and drop a CompareValidator from the Radzen toolbox.
  2. Set its Component property via the dropdown.
  3. Either set the Value property or the ComponentToCompare property.
© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3