JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="ctrl">
        <form name="myForm" novalidate>
            <div ng-repeat = "item in items">
                <ng-form name="row">
                    <input type="text" name="value" ng-model="item.value" ng-change="onChanged()" />
                    <span ng-show="row.value.$error.notordered">Not in order</span>                    
                </ng-form>
            </div>
        </form>
    </div>
</div>

JavaScript

var app = angular.module('app', ['ng']);

app.controller( 'ctrl', function( $scope ) {
    $scope.items = [
        { value: 1 },
        { value: 2 },
        { value: 3}
    ];
    
    $scope.onChanged = function() {
                var i = 0;
                for (i = 1; i < $scope.items.length; i++) {
                    if (eval($scope.items[i].value) < eval($scope.items[i - 1].value)) {
                        $scope.items[i].$setValidity('notordered', false);
                    }
                }        
    }
});